title: Unable to Display Model Dialog with JQuery-UI
body: <p>I'm attempting to display a modal dialog as a test run before I try to perform a more difficult task.  However, I seem to be doing something wrong as the code I copied from the <a href="http://blog.nemikor.com/2009/04/08/basic-usage-of-the-jquery-ui-dialog/" rel="nofollow noreferrer">demo site</a> is not working when I set it up and run it locally.</p>
  
  <p>Here is my source:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script type="text/javascript" src="lib/jquery/js/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="lib/jquery/js/jquery-ui-1.7.2.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function() {
                  var $dialog = $('&lt;div&gt;&lt;/div&gt;')
                      .html('This dialog will show every time!')
                      .dialog({
                          autoOpen: false,
                          title: 'Basic Dialog'
                  });
  
                  $('#opener').click(function() {
                      $dialog.dialog('open');
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;button id="opener"&gt;Press&lt;/button&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So far, I have primarily been thinking the problem may have been a relative path problem with the way I'm bringing in the external libraries.  But I tried variations, and nothing changed.</p>
  
  <p>I am still new to Javascript, so I may be doing some very noob-ish here.  Any help would be appreciated.  Thank you.</p>