How to save state of the page same on next run with movable and sortable items?

How to save state of the page same on next run with movable and sortable items?

I have a page created with div.columns and div.items.
All the items can move from one column to another and also you can sort the order of the items inside the columns (something like the portlets sample on jQuery demos).

Is there a way so save the current state of the page layout so I can see the same layout when I (or someone else) opens the page next time?? If possible what solution you propose and how to do it? Some demo or sample link?