使用JQuery保存多个对象的位置

Question

所以我有多个相同类类型的对象，它们是可拖动的。我想在拖动后保存每个位置，以便在重新加载页面时，它们位于保存的位置。

以下是代码：

$(function(){

    var Pos = JSON.parse(localStorage.getItem("position"));

    var currentPos = {
        top : 0,
        left : 0
    };

    var c = [];

    $('.framewrap').each(function(){
        id = $(this).attr("id");
        alert(Pos[id].top);

        $(this).css({
            top : Pos[id].top,
            left : Pos[id].left
        });

        $(this).draggable({

            drag: function(event,ui){
                currentPos = $(this).position();
                c.push(currentPos);
                localStorage.setItem("position", JSON.stringify(c))
            }

        });

    });

});

保存位置，但问题是两个对象都分配到相同的位置，而不是不同。看起来这个位置每次都被覆盖了。

任何人都强调我可能做错了什么？