title: Drag element from inside one div into another
body: <p>I want to have the capability of dragging an element from inside one div into another.</p>
  
  <p>jQuery UI <a href="http://jqueryui.com/draggable/" rel="nofollow">draggable</a> and <a href="http://jqueryui.com/droppable/" rel="nofollow">droppable</a>, but they seem to only manipulate the elements visually, using <code>position:relative</code> without moving them through the DOM.  If they can, I can't seem to find an example or figure out how.</p>
  
  <p>Say if I have two simple <code>div</code>s such as:</p>
  
  <pre><code>&lt;div id="firstDiv"&gt;
      &lt;div id="moveMe"&gt;I need to be moved to secondDiv&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="secondDiv"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how can <code>#moveMe</code> be dragged and dropped from <code>#firstDiv</code> into <code>#secondDiv</code>?</p>