Get the order of list item in jquery sortable

Question

I have done this http://jsbin.com/UBezOVA/1/edit.

When I click the submit button, i want to get the current order of the list item. But, it seems that $(\"#sortab

Answer 1

JS :

 $(function() {
     $( "#sortable1, #sortable2" ).sortable({
         connectWith: ".connectedSortable"
     }).disableSelection();
 });

 function submit(){
     var idsInOrder = [];
     $("ul#sortable1 li").each(function() { idsInOrder.push($(this).text()) });
     alert(idsInOrder.join('\n'));
 }

HTML :

  
  
  
  
  
  
  
  



    

      
Item 1
      
Item 2
      
Item 3
      
Item 4
      
Item 5
    

    

      
Item 1
      
Item 2
      
Item 3
      
Item 4
      
Item 5
    

    

This should help to display the items in current order.

See final ourput here : http://jsbin.com/UBezOVA/21/edit