title: jQuery dialog box opens on click, but autoOpen not working
body: <p>I have a site <a href="http://webfro.gs/south/dev/cloud/" rel="nofollow"><strong>here</strong></a>...</p>
  
  <p>When you arrive at the site... </p>
  
  <p><code>autoOpen: true,</code> is working, but it's not loading the ajax request (jquery-ajax.html).</p>
  
  <p>But, if you click the button at the top-left, that says "Compliance &amp; Ethics", then the ajax request goes through and opens the dialog. </p>
  
  <p><strong>What am I doing wrong, that it doesn't autoOpen properly?</strong> </p>
  
  <pre><code>$(function() {
      $("#dialog").dialog({
          autoOpen: true,
          modal: true,
          width: 750,
          height: 'auto',
          show: 'fade',
          hide: 'fade',
          position: {my: "center top", at:"center top", of: window },
          buttons: {
              "Dismiss": function() {
                  $(this).dialog("close");
              }
          }
      });
  </code></pre>
  
  <p><strong>Here's what calls the ajax request on click...</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery('#dialog').load('jquery-ajax.html').dialog('open'); 
  &lt;/script&gt;
  </code></pre>