title: Can't get JQuery to make an element draggable
body: <p>Im trying to get familiar with JQuery and thought I'd give making a div draggable a try with a simple little project. Here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="UI_Theme/css/ui-lightness/jquery-ui-1.8.18.custom.css" /&gt;
      &lt;script src="UI_Theme/js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="UI_Theme/js/jquery-ui-1.8.18.custom.min.js"&gt;&lt;/script&gt;  
      &lt;script&gt;
          $(document).ready(function() {
              $( "#dragme" ).draggable();
          });
      &lt;/script&gt;
      &lt;style&gt;
          body
          {
              background-color:#4D4D4D;
          }
          #dragme
          {
              width:100px;
              height:100px;
              background-color:red;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="dragme"&gt;
          &lt;font color="black" size="2"&gt;Drag this!&lt;/font&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I've followed a few different JQuery tutorials on the subject to the letter. Despite my best efforts, the element #dragme still isn't draggable. Im not getting any console output or error messages of any kind, either. </p>