Total newbie question... sortable.ui

Total newbie question... sortable.ui

I need a tutorial on actually using jQuery (and jQuery ui) for something more useful than a pretty demo that does nothing other than display stuff.... (I'm getting frustrated....)
 
Anyway, I'm trying to use ui.sortable and somehow pass the new order to an object that can postback to the server (either through an ajax call or using the DOM to pass the data back). However, I can't seem to be able to get my brain around how to do that.
 
What I have so far:
  1. <script type="text/javascript">
  2. $(function()
  3. {
  4.    $("id^='Col']").sortable(
  5.    {
  6.       connectWith: '#Col1,#Col2,#Col3',
  7.       change: function(sorted, ui)
  8.       {
  9.          //Not sure at all what to do here: how to get which ID was moved and where it was moved to
  10.       }
  11.    });
  12. });
  13. </script>
  14. <div id="Col1">
  15.    <div id="f1">One</div>
  16.    <div id="f2">Two</div>
  17.  </div>
  18. <div id="Col2">
  19.    <div id="f3">Three</div>
  20. </div>
  21. <div id="Col3">
  22.    <div id="f4">Four</div>
  23. </div>
        I can drag items between divs, etc. But then what do I do with it? How do I get to what item moved where?
          TIA,
          Owen