Javascript Jquery模式对话框下的文本框丢失值

我正在使用下面的脚本作为模式对话框。我在对话框div下有一个文本框和一个按钮，但当我单击按钮时，文本框值仍然为空，为什么？有人能帮忙吗

  //Everything is working fine but textboxes are losing their values on button click


 $("#dialog").dialog({ modal: true });
         $("#dialog").dialog({ resizable: false });
         $("#dialog").dialog({
             buttons: {
                 //'Confirm': function () {
                 //    $("[id*=btn_Confirm_View]").click();
                 //},
                 'Cancel': function () {
                     $(this).dialog('close');
                 }
             }
         });

         $("#dialog").dialog({ draggable: false });
         $("#dialog").dialog({ closeOnEscape: false });

         $("#dialog").dialog({
             width: 'auto',
             autoOpen: false,
             show: {
                 effect: "blind",
                 duration: 1500
             },
             hide: {
                 effect: "scale",
                 duration: 300
             }

         });

         $("#dialog").dialog({
             close: function (event, ui) {

             }

         });
  //Everything is working fine but textboxes are losing their values on button 

我找到了解决办法……：） 这是我修改过的代码

  //    $("#dialog").dialog({ modal: true });
                 $("#dialog").dialog({ resizable: false });
                 $("#dialog").dialog({
                     buttons: {
                         //'Confirm': function () {
                         //    $("[id*=btn_Confirm_View]").click();
                         //},
                         'Cancel': function () {
                             $(this).dialog('close');
                         }
                     }
                 });

                 $("#dialog").dialog({ draggable: false });
                 $("#dialog").dialog({ closeOnEscape: false });

                 $("#dialog").dialog({
                     width: 'auto',
                     autoOpen: false,
                     show: {
                         effect: "blind",
                         duration: 1500
                     },
                     hide: {
                         effect: "scale",
                         duration: 300
                     }

                 });
//I Added these two lines and now they are working fine
                 $("#dialog").parent().appendTo(jQuery("form:first"));
                 $("#dialog").dialog({
                     close: function (event, ui) {

                     }

                 });