title: JQuery-UI sortable sort on form submit
body: <p>Images are loaded from Database.
  I would like to sort the image order using JQuery-UI sortable and save the data on form submit.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function() {
          $( "#sortable" ).sortable({
              placeholder: "ui-state-highlight",
              cursor: 'crosshair'
      });
          $( "#sortable" ).disableSelection();
  });
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;form action="" method="post"&gt;
  &lt;ul id="sortable" style="width: 524px;"&gt;
      &lt;li id="00001" class="ui-state-default"&gt;&lt;img src="00001.jpg" width="100" height="90" /&gt;&lt;/li&gt;
      &lt;li id="00002" class="ui-state-default"&gt;&lt;img src="00002.jpg" width="100" height="90" /&gt;&lt;/li&gt;
      &lt;li id="00003" class="ui-state-default"&gt;&lt;img src="00003.jpg" width="100" height="90" /&gt;&lt;/li&gt;
      &lt;li id="00003" class="ui-state-default"&gt;&lt;img src="00004.jpg" width="100" height="90" /&gt;&lt;/li&gt;  
  &lt;/ul&gt;
  &lt;div style="clear:both;"&gt;&lt;/div&gt;
  &lt;input name="Submit" value="RE-ORDER" type="submit" /&gt;
  &lt;/form&gt;
  </code></pre>