Tenho uma lista no meu site. Estou usando o tutorial classificável do jQuery para oferecer aos usuários a capacidade de alterar a ordem dos itens da list

http: //jqueryui.com/demos/sortable

O truque é que eu gostaria de capturar a ordem dos itens imediatamente após um resort e atribuir os valores do pedido aos elementos ocultos do formulário que seriam passados ao meu servidor através de um envio de formulário, onde eu poderia usar um script php para salvar o novo ordem dos elementos em um banco de dado

Aqui está o código fonte da demonstração:

 <style>
    #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
    #sortable li span { position: absolute; margin-left: -1.3em; }
    </style>
    <script>
    $(function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();
    });
    </script>


<div class="demo">

<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

</div><!-- End demo -->

E estou ciente de que também é possível atribuir uma função de retorno de chamada que é acionada quando a classificação é interrompida:

$( ".selector" ).sortable({
   stop: function(event, ui) { ... }
});

Obrigado