Question

how can we save dragged item with cookies.

I’m using Jquery with this code

$("#boxes").sortable({
  handle : '.drag'
});

I need to save sortable item with cookies.
Actually I just used tutorial from http://www.shopdev.co.uk/blog/sortable-lists-using-jquery-ui/

HTML code

<ul id="boxes" style="margin-top:5px;">    
    <li id="box1" class="con">
          <div class="drag"></div>
        </li>
    <li id="box2" class="con">
          <div class="drag"></div>
        </li>
    <li id="box3" class="con">
          <div class="drag"></div>
        </li>
</ul>

Answer 1

Why not use local browser storage?

localStorage.setItem("boxes", $("#boxes").sortable("toArray"));

You could also do this with a cookie, for non-html5 browsers:

$.cookie("boxes", $("#boxes").sortable("toArray"), { expires: 7});