title: jQuery UI sortable - sorting images
body: <p>I've just implemented the jQuery UI sortable plugin for a set of images. The markup I have is as follows:</p>
  
  <pre><code>&lt;ul id="images" class="ui-sortable"&gt;
    &lt;li id="7884029"&gt;&lt;img src="/images/member/4698568/7884029_t.jpg" alt="" /&gt;&lt;/li&gt;
    &lt;li id="7379458"&gt;&lt;img src="/images/member/4698568/7379458_t.jpg" alt="" /&gt;&lt;/li&gt;
    &lt;li id="1704208"&gt;&lt;img src="/images/member/4698568/1704208_t.jpg" alt="" /&gt;&lt;/li&gt;
    &lt;li id="1750715"&gt;&lt;img src="/images/member/4698568/1750715_t.jpg" alt="" /&gt;&lt;/li&gt;
    &lt;li id="4364912"&gt;&lt;img src="/images/member/4698568/4364912_t.png" alt="" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;script type="text/javascript"&gt;
  /*&lt;![CDATA[*/
  jQuery(function($) {
    jQuery('#images').sortable({'delay':'100'});
  });
  /*]]&gt;*/
  &lt;/script&gt;
  </code></pre>
  
  <p>The LI id is the 'name' column in the DB table - I prefer not to display the ID column.</p>
  
  <p>Now my question is how do I capture the sorting? I understand this would be an AJAX request but I have no idea how to do it. I have set up a sort_order column in my DB table and I am using PHP as my scripting language. I could do with a code example.</p>
  
  <p>EDIT: </p>
  
  <p>Ideally I prefer if the sort order is applied upon moving an item, i.e. I do not want to enclose it all in a form.</p>