title: jQueryUI Dialog Box not working - Why?
body: <p>I just can't figure this one out. The Dialog Box doesn't popup. I've tried all sorts of things but it just doesn't work. Here's my code:</p>
  
  <pre><code>&lt;head&gt;
      &lt;script type="text/javascript" src="/js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script&gt;
  $(function() {
      // Dialog
      $('#dialog').dialog({
              autoOpen: false,
              width: 600,
              buttons: {
                      "Ok": function() {
                              $(this).dialog("close");
                      },
                      "Cancel": function() {
                              $(this).dialog("close");
                      }
              }
      });
  
      // Dialog Link
      $('#dialog_link').click(function(){
              $('#dialog').dialog('open');
              return false;
      });
  });  
  &lt;/script&gt;
  
  &lt;a href="#" id="dialog_link"&gt;Open Dialog&lt;/a&gt;
  
  &lt;div id="dialog"&gt;This should popup&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>What's wrong here? Any help appreciated.</p>