manipulacion con arrastrar y soltar

Hola alguien me podria explicar un poco sobre esto, quisiera saber si es posible que en ejecucion cree
unos div y un div principal y al arrastrar algun div al principal este queda dentro del div, en codigo es decir:
ejemplo:
Antes de arrastrar, el codigo estaria asi
<div class="Principal">
contenido del div principal
</div>
<div class="undiv">divlibre</div>
<div class="undiv">otro_divlibre</div>

Despues de arrastrar a alguno
<div class="Principal">
contenido del div principal
<div class="undiv">divlibre</div>
</div>
<div class="undiv">otro_divlibre</div>

YA probaste con la Jquery UI "draggable" ??

jajaja soy masoquista me gusta hacer las cosas a mano encontre algo interesan con html 5 a penas lo encuentre lo posteo