title: In jquery UI dialog, is it possible to put a modal dialog on top of another modal dialog
body: <p>I have a modal dialog using jquery UI dialog.  I now want to popup another dialog when i user changes a field in the first dialog.   Both should be modal.</p>
  
  <p>Is this possible as i tried putting this code there and nothing seems to popup.  The following code works fine when click from a regular page (where the select control with id: selectDropdownThatICanChange)  but if the same select control that i am changing is itself a dialog the dialog("Open") line does nothing.  The change event fires and the open method gets called but nothing pops up.</p>
  
  <pre><code>$("#secondModalDialog").dialog({
      resizable: false,
      height: 'auto',
      autoOpen: false,
      title: "Warning",
      width: 400,
      modal: true,
      buttons: {
          'Close': function () {
              $("#secondModalDialog").dialog('close');
          }
      }
  });
  
  
  $('#selectDropdownThatICanChange').live("change", function () {
      $("#secondModalDialog").dialog('open');
  });
  </code></pre>
  
  <p>and here is the dialog (which is just a div)</p>
  
  <pre><code>&lt;div id="secondModalDialog" style="display:none"&gt;
        This is a test &lt;br/&gt; This is  atest
  &lt;/div&gt;
  </code></pre>