title: Problems with getting jquery dialog box to work
body: <p>In the code below the Dialog Box will not open when the button is clicked. Also, the contents of the dialog box show up on page load and are not hidden before I click the button. </p>
  
  <p>What is going wrong?</p>
  
  <p>This code is close to the code right off of the jquery ui site.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;script src="../websites/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
      &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;button id="opener"&gt;open the dialog&lt;/button&gt;
      &lt;div id="dialog" title="Dialog Title"&gt;I'm a dialog&lt;/div&gt;
      &lt;script&gt;
          $( "#dialog" ).dialog({ autoOpen: false });
          $( "#opener" ).click(function() {
              $( "#dialog" ).dialog( "open" );
          });
      &lt;/script&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>