JQuery-UI draggable reset to original position

Question

This is probably very easy to do, but I always think too complicated.

I\'ve just set up a simple test with #draggable / #droppable with a fixed width/height + float:

Answer 1

I found that the following was the simplest way to reset to original position, but if you want the item to remain draggle this will not work alone

$(".draggable-item").removeAttr('style');

This worked for me to reset to original position and keep item draggable:

$("#reset").click(function () {
    // Reset position
    $(".draggable-item").removeAttr('style');

    // Destroy original draggable and create new one
    $(".draggable-item").draggable("destroy");
    $(".draggable-item").draggable();
});