title: Jquery UI dialog box, is grayed out too
body: <p>I'm using a jquery UI dialog to modify a data row in a ASP.NET website, When opening the dialog I append the dialog to the underlaying form, this gives me the possibility of using postbacks. <code>$('#' + id).parent().appendTo($("form"));</code></p>
  
  <p>But when I set the dialog property <code>modal: true</code> Not just the background is grayed out, the dialog is also gray and inaccessible. </p>
  
  <p>If I remove the <code>$('#' + id).parent().appendTo($("form"));</code> it works like supposed to but then i can't use postbacks.</p>
  
  <p>Am I doing something wrong or do i miss a point to get this to work?</p>
  
  <p>Javascript in top of .aspx</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
          $('#workDialog').dialog({
              autoOpen: false,
              draggable: true,
              resizable: false,
              width: 800,
              height: "auto",
              modal: true
          });
      });
  
      function showDialog(id) {
          $('#' + id).parent().appendTo($("form"));
          $('#' + id).dialog("open");
      }
  
      function closeModalDiv(id) {
          $('#' + id).dialog("close");
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>The div containing the dialog</p>
  
  <pre><code>&lt;div id="workDialog" title="Basic dialog"&gt;
      &lt;asp:UpdatePanel ID="upWorkDialog" runat="server" UpdateMode="Conditional"&gt;  &lt;ContentTemplate&gt;
          &lt;table id="Table1" class="item"&gt;
          &lt;tr&gt;
              ...
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt;
              &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt;
              &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt;
              &lt;td&gt;&lt;asp:TextBox ID="txt...&gt;&lt;/asp:TextBox&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;
          &lt;asp:Label ID="lblWorkEditError" runat="server" Text=""&gt;&lt;/asp:Label&gt;
  
          &lt;asp:Button ID="btnSave" runat="server" Text="Gem" OnClick="btnSave_Click" /&gt;
          &lt;asp:Button ID="btnCancel" runat="server" Text="Annuller" OnClientClick="javascript:closeModalDiv('workDialog');" /&gt;
      &lt;/ContentTemplate&gt;&lt;/asp:UpdatePanel&gt;
  &lt;/div&gt;
  </code></pre>