title: Modal jQuery dialog hidden behind overlay in ASP.net
body: <p>I am developing some Jquery dialog and found the dialog was hidden when I set Modal: true. When setting Modal: false, I found everything works as expected. Hope someone can help me.</p>
  
  <pre><code>&lt;asp:Button ID="btnOpendialog" runat="server" Text="Button" ClientIDMode="Static" /&gt;
  
  &lt;div id="dialog"&gt;
  
  &lt;h1&gt;Test&lt;/h1&gt;
      &lt;asp:Button ID="btnClickfromDialog" runat="server" Text="Button" /&gt;
  
  &lt;/div&gt;
  
  $(function () {
      $("#btnOpendialog").click(function (e) {
          $("#dialog").dialog("open");
          return false;
      });
  
      $("#dialog").dialog({
          height: 200,
          modal: true,
          autoOpen: false,
          open: function () {
              $(this).parent().appendTo($("form:first"));
          }                              
      });
  });
  </code></pre>