Can't append a div into the same space as another.

I have tried to append a draggable div tag on my site but when I add more than one they appear after the previous even though the element has been dragged away form that location. I have tried prepending and this solves the problem but then the dragged element moves across the page!

I have set up a JS fiddle for this