保存并重新加载拖放位置

Question

我有8个元素的网格，可以拖放到八个位置中的任何一个。我试图保存已删除项目的位置，以便在重新加载页面时，拖动的项目位于用户放置它们的相同位置。我计划将来在数据库中存储这些职位，但我不知道从哪里开始。下面是我目前的代码：http://jsfiddle.net/AywmJ/170/ 非常感谢任何帮助！

我从一些简单的位置js开始，但还没弄明白如何使用这些位置。

var testID = dragged.attr("id");
var pin = dragged;
var position = pin.position();
var pinLeft = position.left;
var pinTop = position.top;
alert("id: " + testID +"  left: " + pinLeft + ", top: " + pinTop );