Сериализация данных для AJAX с использованием HTML5sortable

Я использую плагин аккуратной сортировки для jQuery, HTML5 Sortablehttp://farhadi.ir/projects/html5sortable/ но не нашли идеального способа сериализации данных для отправки в виде запроса AJAX POST (для обновления БД).

HTML

<ul class="sortable">
    <li data-id="1">One</li>
    <li data-id="2">Two</li>
    <li data-id="3">Three</li>
    <li data-id="4">Four</li>
    <li data-id="5">Five</li>
</ul>

JQuery

$('ul.sortable').sortable().bind('sortupdate', function() 
{
   var data = ??;  // serialize all data-id's ... this is my problem

   $.post('/sortupdate.php',data,function(){ // PHP script sets new order in DB
       alert('updated');
   });
});

Так что я хочу, чтобы, когда я перетаскиваю элемент LI в новую позицию, тоsortupdate событие должно вызвать функцию и отправить новый порядок значений атрибута data-id. Моя текущая идея - циклически проходить через LI и добавлять значения атрибутов в массив. Есть ли более разумный способ сделать это, или, каков наиболее эффективный способ сделать цикл? (Я знаю, что я в основном бэкэнд-парень). Спасибо!

Ответы на вопрос(1)

Ваш ответ на вопрос