title: Draggable item added to a sortable list
body: <p>I have a sortable list and a draggable div:</p>
  
  <pre><code>&lt;div id="draggable"&gt;Add Item&lt;/div&gt;
  
  &lt;ul id="sortable"&gt;
      &lt;li&gt;item 1&lt;/li&gt;
      &lt;li&gt;item 2&lt;/li&gt;
      &lt;li&gt;item 3&lt;/li&gt;
      &lt;li&gt;item 4&lt;/li&gt;
      &lt;li&gt;item 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>#sortable is already a .sortable().
  I should be able to "drag" another item between any of the list items (first, middle, last).</p>
  
  <p>How do I go about this?</p>
  
  <p>Any reply would be greatly appreciated.</p>
  
  <p>Thanks!</p>