Jquery-ui drag and drop: using a draggable more than once

Question

How can an element be dragged and drop more than once with jquery's ui, since normally the draggable element is moved when drop is triggered?

Answer 1

use jquery draggable's helper option helper: 'clone' and handle the drop event like so:

$("#droppable").droppable({
    drop: function(event, ui) {
        $(this).append($(ui.draggable).clone());
    }
});