title: jQueryUI Modal dialog not working
body: <p>I've got a simple task that's driving me nuts.</p>
  
  <p>My jQuery code:</p>
  
  <pre><code>        $(document).ready(function() {
          $("#dialog_open").button().click(function () {
               $("#dialog_frame").open();
          });
          });
  
      $(document).ready(function() {
          $('#dialog_frame').dialog({
          autoOpen:false,
          height:500,
          width:500,
          modal:true;
          });
      });
  </code></pre>
  
  <p>HTML for the button:</p>
  
  <pre><code>                    &lt;td&gt;
                      &lt;input type="button" id="dialog_open" value="Open" /&gt;
                  &lt;/td&gt;
  </code></pre>
  
  <p>HTML for the content of the modal popup:</p>
  
  <pre><code>&lt;div id="dialog_frame" style="display:none;"&gt;
      &lt;p&gt;I am here!&lt;/p&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>When I clock on my button, nothing happens. I also see the content for the dialog doesn't hide unless I put the display:none; in there.</p>
  
  <p>What am I doing wrong? I've included links to jQuery, jQueryUI, and the jQueryUI CSS files but can't get this to work! (I've got other sites that work fine)</p>