title: jquery: the parent modal dialog textbox is not editable
body: <p>jquery ui.dialog 
    after open a modal dialog, if I will open another modal dialog again and close it, the textbox  is lock in the parent dialog. I can not resolve this problem.
  if I open a non-modal dialog , it works fine,
  but the parent dialog can be closed ,How to resolve it , thanks , waiting online</p>
  
  <p>html:(dotnet mvc2)</p>
  
  <pre><code>&lt;input id="btnDlg" type="button" value="open dialog"/&gt;
  &lt;div id="dlg1"&gt;&lt;%=Html.TextBox("txtName","can not edit") %&gt;&lt;input id="btnShowDlg" type="button" value="dialog again" /&gt;&lt;/div&gt;
  &lt;div id="dlg2"&gt;&lt;div&gt;the second dialog&lt;/div&gt;&lt;%=Html.TextBox("txtName2") %&gt;&lt;/div&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>//first modal dialog
  $("#dlg1").dialog({
                  autoOpen: false,
                  height: 350,
                  width: 300,
                  title: "The first dialog!",
                  bgiframe: true,
                  modal: true,
                  resizable: false,
                  buttons: {
                      'Cancel': function() {
                          $(this).dialog('close');
                      },
                      'OK': function() {
                          $(this).dialog('close');
                      }
                  }
              })
  //second modal dialog
              $("#dlg2").dialog({
                  autoOpen: false,
                  height: 200,
                  width: 300,
                  title: "This is the second dialog!",
                  bgiframe: true,
                  modal: true,
                  resizable: false,
                  buttons: {
                      'Cancel': function() {
                          $(this).dialog('close');
                      },
                      'OK': function() {
                          $(this).dialog('close');
                      }
                  }
              })
  //show the first modal dialog
              $("#btnDlg").click(function() {
                  $("#dlg1").dialog("open");
              })
      //show the second modal dialog
                  $("#btnShowDlg").click(function() {
                      $("#dlg1").dialog("options", "hide",true);
                      $("#
  
  dlg2").dialog("open");
              })
  </code></pre>