How to store the order of sortables(jQuery UI) in a cookie

How to store the order of sortables(jQuery UI) in a cookie

I am using the jQuery UI sortables, but i want them so memorize there dragged postions, so the order of the boxes(stored in a cookie). I am nog jQuery expert so how can this be done in a fast and easy way?

So store and display.

Below the UI code
  1.             $(".sort").sortable({
                    handle:      '.box-header',
                    placeholder: 'sortHelper',
                    delay:        250,
                    cursor:      'move',
                    revert:       true,
                    opacity:      1.0,
                    axis:        'y',
                    forcePlaceholderSize: true               
                });









The html code

  1.             <ul class="sort">
                    <li>
                    <!-- content -->
                    </li>
                   
                    <li>
                    <!-- content -->
                    </li>
                   
                    <li>
                    <!-- content -->
                    </li>
                   
                </ul>