title: drag drop and change parent of a div in dom
body: <p>In <a href="http://jqueryui.com/draggable/#snap-to" rel="nofollow">http://jqueryui.com/draggable/#snap-to</a> </p>
  
  <p>If i drag a div to "<code>snaptarget</code>" div.<br>
  Will the dragged div be shown INSIDE it as its child element in the <code>DOM</code>?<br>
  I hit f12 on browser and saw the position cordinates changing as I drag but showing that the <strong>parent</strong> of that dragged,dropped div was unchanged. </p>
  
  <p>I think same happens with droppable <a href="http://jqueryui.com/droppable/" rel="nofollow">http://jqueryui.com/droppable/</a></p>
  
  <p>Is there a way to check and be sure?</p>
  
  <p><strong>I do want this feature as I want to drag one div to another and later know the parent of that div.</strong></p>