title: JQuery drag, drop and save via cookie - how to?
body: <p>Sorry to be back folks, but you guys &amp; girls seem to know much more about this than I do ...
  anyhow, here is my question/problem</p>
  
  <p>I want to use drag, drop, sort (the interface plugin does me even though I have read it's out of date? but have looked at UI and to be honest is not clear and to me appears heavier than interface?)</p>
  
  <p>Anyhow, how do I set a cookie to save positions from this:</p>
  
  <pre><code>$(document).ready(
  function () {
      $('a.closeEl').bind('click', toggleContent);
      $('div.groupWrapper').Sortable(
          {
              accept: 'groupItem',
              helperclass: 'sortHelper',
              activeclass : 'sortableactive',
              hoverclass : 'sortablehover',
              handle: 'div.itemHeader',
              tolerance: 'pointer',
              onChange : function(ser)
              {
              },
              onStart : function()
              {
                  $.iAutoscroller.start(this, document.getElementsByTagName('body'));
              },
              onStop : function()
              {
                  $.iAutoscroller.stop();
              }
          }
      );
  }
  </code></pre>
  
  <p>);</p>
  
  <pre><code>var toggleContent = function(e)
  {
      var targetContent = $('div.itemContent', this.parentNode.parentNode);
      if (targetContent.css('display') == 'none') {
          targetContent.slideDown(300);
          $(this).html('[-]');
      } else {
          targetContent.slideUp(300);
          $(this).html('[+]');
      }
      return false;
  };
  
  var ser = function (s) {
      serial = $.SortSerialize(s);
      alert(serial.hash);
  };
  </code></pre>
  
  <p>which is the "standard" interface demo, PLUS</p>
  
  <p>How do I then get to read that cookie so that when I next visit the page the order is as I set it in the cookie?</p>
  
  <p>Hopefully from that I can work out the rest .......?</p>
  
  <p>Thanks for help in advance.</p>