title: Can't get JQuery Draggable plugin to work?
body: <p>I'm very new to <code>JQuery</code> and I'm trying to create a sample page using the Draggable plugin. The page loads fine, but I'm not able to drag my <code>&lt;div&gt;</code> tag anywhere. I've been trying to copy this <a href="http://jqueryui.com/demos/draggable/" rel="nofollow">demo</a>. Here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
      &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
      &lt;head runat="server"&gt;
          &lt;title&gt;&lt;/title&gt;
           &lt;style type="text/css"&gt;
                  #draggable { width: 150px; height: 150px; padding: 0.5em;  border: solid 1px black; cursor:pointer;}
           &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;form id="form1" runat="server"&gt;
          &lt;div&gt;
  
  
              &lt;script src="scripts/jquery.js" type="text/javascript"/&gt;
              &lt;script src="scripts/jquery.ui.core.js" type="text/javascript"/&gt;
              &lt;script src="scripts/jquery.ui.draggable.js" type="text/javascript"/&gt;
              &lt;script src="scripts/jquery.ui.mouse.js" type="text/javascript"/&gt;
              &lt;script src="scripts/jquery.ui.widget.js" type="text/javascript"/&gt;
              &lt;script src="scripts/jquery-ui-1.8.13.custom.js" type="text/javascript" /&gt;
  
              &lt;script type="text/javascript"&gt;
                  $(document).ready(function() {
                      $("#draggable").draggable();
                  });
              &lt;/script&gt;
  
  
              &lt;div class="demo" style="height: 500px; width: 500px;"&gt;
                  &lt;div id="draggable"&gt;
                      &lt;p&gt;Drag me around&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/form&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>I'm just trying to make it so I can drag my "draggable" <code>&lt;div&gt;</code> around in the "demo" <code>&lt;div&gt;</code> around it. Can anyone see what I'm missing?</p>