$j(document).ready(function() {
    $j(".column").sortable({
        handle: 'h2',
        connectWith: ['.column'],
        items: '.mobox',
        scroll: 'true',
        forcePlaceholderSize: 'true',
        placeholder: 'ui-state-highlight',

        update: function() {
            var left = "<column id='left'><![CDATA[" + $j('.left').sortable('serialize') + "]]></column>";
            var center = "<column id='center'><![CDATA[" + $j('.center').sortable('serialize').replace('panel', 'center') + "]]></column>";
            var right = "<column id='right'><![CDATA[" + $j('#right').sortable('serialize').replace('panel', 'right') + "]]></column>";

            var orderDocument = "<columns>" + left + right + center + "</columns>";

            $j.ajax({
                type: 'POST',
                url: "/panelsLocation.ashx",
                processData: false,
                data: orderDocument
                //success: function() { $j("#result2").text(orderDocument) }
            });
        }
    });
});