无法重置拖放图像

Question

我想在执行拖放操作后将图像拖放到各自的位置。

这是我的代码：

$("#draggable").draggable({
    revert: "invalid"
});
$("#draggable2").draggable({
    revert: "invalid"
});
$("#droppable").droppable({
});
$("#btnReset").click(function() {
    $("#draggable, #draggable2").animate({
        "top": $("#draggable").data("top"),
        "top": $("#draggable").data("top")
    });
});
$("#draggable").data("top", $("#draggable").position().top).data("top",      $("#draggable").position().top);

这是Fiddle

这是一个有效的Example