title: JQuery UI dialog - *Dialog not a function* error
body: <p>I am developing a site using pinax. In one of my templates I am trying to open a simple jquery dialog box. However I keep getting the "Dialog not a function" javascript error. I am using jquery 1.2.6 and jquery-ui 1.6. My javascript and HTML are as follows: </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link type="text/css" href="/site_media/smoothness/ui.all.css" rel="stylesheet" /&gt;
  &lt;script src="/site_media/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/site_media/ui/ui.core.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/site_media/ui/ui.draggable.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/site_media/ui/ui.resizeable.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/site_media/ui/ui.dialog.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
                      $('#dialogbox').dialog();
              });
   &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
     &lt;div id="dialogbox" title="dialog title"&gt;
       &lt;p&gt;Test dialog&lt;/p&gt;
     &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>Can someone please explain why this is happening?</p>