title: jQuery Sortable todo List
body: <p>I'm trying to build a todo list.  <a href="http://d2burke.com/exp/todo/" rel="nofollow">http://d2burke.com/exp/todo/</a></p>
  
  <p>I want my user to be able to mark items as complete, at which point the item is dropped down to the 'Complete' list, and vice versa.  I also want each of these lists to be independently sortable.</p>
  
  <p>I'm using a basic custom method to move the items back and forth, and I've used jQueryUI Sortable to sort them.</p>
  
  <p>All of these things I've been able to accomplish; however, it doesn't seem as though the site (the DOM?) is registering that the items were moved from one list to the other.  If I mark one item as 'Complete' it physically moves down...and becomes sortable in the 'Complete' list, but  I'm echoing out the current positions in serialized format (because I'm going to record the order in a db) and the app doesn't seem to recognize that the item has moved.  </p>
  
  <p>I'd like to force the app to recalculate the list of items when an item is marked complete, or incomplete.</p>
  
  <p>Help?</p>