title: jQuery UI dialog won't open in Internet Explorer
body: <p>I have a jQuery UI dialog:</p>
  
  <pre><code>$("#dialog").dialog({
      modal: true,
      closeOnEscape: false,
      resizable: false,
      autoOpen: false,
      open: function() {
          $(".ui-dialog-titlebar").hide();
      }
  });
  </code></pre>
  
  <p>I am trying to open this dialog just before an AJAX call. It works using Firefox, but with IE it doesn't open, unless I put an <code>alert</code>, just after I open the dialog. Can anyone tell me what the problem might be please? I am using the following code:</p>
  
  <pre><code>$("button").click(function() {
      $("#dialog").dialog('open');
      //alert('test'); //if I put this alert, the dialog will open
      $.ajax({
          type: "POST",
          url: "testing.txt",
          async: false,
          dataType: "text",
          success: function(returnText) {
              $("#dialog").dialog('close');
              $("#textarea").text(returnText);
          },
          error: function() {
              $("#dialog").dialog('close');
          }
      });
  });
  </code></pre>