JQuery Sort & Serialize to Re-Order <li>s & POST via Ajax

by Matthew Schenker

HTML

<ul id="sortable">
    <li id="item-1">Item 1</li>
    <li id="item-2">Item 2</li>
    <li id="item-3">Item 3</li>
</ul>
Query string: <span></span>

JavaScript

$(document).ready(function () {
    $('ul').sortable({
        axis: 'y',
        stop: function (event, ui) {
	        var data = $(this).sortable('serialize');
            $('span').text(data);
            /*$.ajax({
                data: oData,
                type: 'POST',
                url: '/your/url/here'
            });*/
	}
    });
});