title: Attach draggable div to another div
body: <p>I'm trying to use jQuery UI <a href="http://jqueryui.com/demos/draggable/" rel="nofollow noreferrer">draggable</a>/<a href="http://jqueryui.com/demos/droppable/" rel="nofollow noreferrer">droppable</a> plugins. </p>
  
  <p>I have draggable <code>div</code> that I drag onto target <code>div</code>. Target <code>div</code> is also draggable. I can't seem to be able to figure out a way to attached <code>div</code>s to their target to move them together when I drag target <code>div</code>. </p>
  
  <p>Any pointers in the right direction would be highly appreciated.</p>