A quick demo showing how to capture the order of connected sortable lists.

index.html

<ul id="image-list1" class="sortable-list">
  <li id="a">A</li>
  <li id="b">B</li>
  <li id="c">C</li>
</ul>

<ul id="image-list2" class="sortable-list">
  <li id="1">1</li>
  <li id="2">2</li>
  <li id="3">3</li>
</ul>

jQuery-UI-sortable-toArray-demo.markdown

jQuery UI sortable toArray demo

A quick demo showing how to capture the order of connected sortable lists for a StackOverflow answer.

A Pen by Sinetheta on CodePen.

License.

script.js

$('.sortable-list').sortable({
  connectWith: '.sortable-list',
  update: function(event, ui) {
    var changedList = this.id;
    var order = $(this).sortable('toArray');
    var positions = order.join(';');

    console.log({
      id: changedList,
      positions: positions
    });
  }
});