à l'aide de jQueryUI sortable liste avec les formes

Je suis en utilisant jQueryUI pour créer une liste triable, et la partie de l'INTERFACE utilisateur fonctionne très bien à ce que je peux trier les éléments comme vous le souhaitez sur la page web. Je ne peux pas comprendre, même si, comment l'ordre de la liste triée est inclus dans le POSTE. Je suis un total noob avec le javascript, donc s'il vous plaît pardonnez-moi si c'est vraiment simple.

Voici les parties pertinentes de mon code html:

<script type="text/javascript">
  google.load("jquery", "1");
  google.load("jqueryui", "1");
  function OnLoad(){
    $( "#sortable" ).sortable({ axis: "y", containment: "#ballot", scroll: false });
    $( "#sortable" ).disableSelection();
  }
  google.setOnLoadCallback(OnLoad);
</script>

[...]

<form method="POST" action="/vote">
<input type="hidden" name="key" value="{{ election.key }}">
<input type="hidden" name="uuid" value="{{ uuid }}">
<div id="ballot" class="center">
<ol id="sortable" class="rankings">
  <li class="ranking">Jamie</li>
  <li class="ranking">Joanie</li>
  <li class="ranking">Morley</li>
  <li class="ranking">Frank</li>
  <li class="ranking">Larry</li>
</ol>
</div>
</form>

Comment pouvez-de l'ordre de Jamie, Joanie, Morley, Frank, et Larry être encodés dans le POST?

OriginalL'auteur Jeff O'Neill | 2011-02-27