jQuery Dialog

jQuery Dialog
Changing jQuery UI Dialog content
problem in jquery ui dialog content
jQuery UI Dialog - change the content of an open dialog (ajax)

<button id="btnHelp1" class="btnHelp" title='文件內容' note='文件內容說明' style='height: 16px; width: 16px;'>
<div class="dialog" id="dialog1" title="Basic dialog1">
 <p>dialog1</p>
</div>

        $(".dialog").dialog({
            autoOpen: false, 
            //resizable: false,
            show: "blind",
            height: 200, 
            width: 400,
            buttons: {
                Ok: function () {
                    $(this).dialog("close");
                }
            }
        });

        $('.btnHelp').button(
            { icons: { primary: 'ui-icon-help' },
                text: false
            }).click(
            function () {
                $("#dialog1").dialog("option", "title", $(this).attr('title'));
                $("#dialog1").html($(this).attr('note'));
                $("#dialog1").dialog("open");
                return false;
        });