How to move an element from one container to another with animation ?

How to move an element from one container to another with animation ?

My question explains everything, I have a div inside a parent div. I need to move it inside another div and on the UI show the animation of it moving.

The only way I can think of is, select the element, copy the html(), copy the offset() position and remove element from original container. then add a copy of previously removed element to page/document set the position to the copied offset and animate()

after animation is complete, remove it from the page and add it to the secondary container.

Is there any better and easier way of doing this ? any plugin may be ?


Thanks,
Fahad