How do I save position of the items at sortable plugin

How do I save position of the items at sortable plugin

Hello,

how can I get the sortable positions of the items in this example: http://jqueryui.com/demos/sortable/#default?

Axl

I tried this way:

  1. <script type="text/javascript">
    <!--
    // Document-Ready-Funktion
    $(document).ready(function(){
     // Das Element mit der ID sortable wird eine sortierbare Liste
     $("#sortable").sortable({
    // Wenn in dieser Liste ein sortiervorgang enden, dann :
      stop: function(event, ui) {
    // schreibe i.d. Wert von #sel1 die Position des Listenelements
       $('    #sel1').val(ui.position.top);
      }
     });
    // Was das hier macht weiß ich gerade nicht :-D
     $("#sortable").disableSelection();
    });

    //-->
    </script>
    </head>
    <body style="font-size:62.5%;">
    <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 -->
    <form name="form_f4a" action="f5.php" method="post">
    <div id="selForm">
    <input class="sel" type="hidden" name="sel1" id="sel1">
    <input class="sel" type="hidden" name="sel2" id="sel2">
    <input class="sel" type="hidden" name="sel3" id="sel3">
    <input class="sel" type="hidden" name="sel4" id="sel4">
    <input class="sel" type="hidden" name="sel5" id="sel5">
    <input class="sel" type="hidden" name="sel6" id="sel6">
    <input class="sel" type="hidden" name="sel7" id="sel7">
    </div>
    </form>










































But I don't want to get the position in pixel, but the position from top like 0 or 6.


Mainly: How can I get the number of the Item I moved???