title: How to drag and drop a div inside another div and make that the whole element follow?
body: <p>Trying to use jqueryUI. I have a list with components that i want to drop inside a gridsystem. Like a desiger thing.
  I have a div that has</p>
  
  <pre><code>$( "#Component1" ).draggable();
  </code></pre>
  
  <p>And I drop the div above in this div:</p>
  
  <pre><code>$( "#GridDiv" ).droppable({
      accept: "#component1"
  });
  </code></pre>
  
  <p>The result I want is, when I drop the <code>component1</code> div insde the <code>GridDiv</code></p>
  
  <pre><code>&lt;div id="#GridDiv"&gt;
     &lt;div id="#Component1"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a method for this ? i cant find it..</p>