$(document).ready(function(){
   $("#availableLinks").sortable({
    opacity: 0.6,
    connectWith: ['#yourLinks']
    });
   $("#yourLinks").sortable( {
    opacity: 0.6,
    connectWith: ['#availableLinks'],
    receive: function(event, ui) {
        //Run this code whenever an item is dragged and dropped into this list
        ui.item.attr("class","yourItems");
        var id = ui.item.attr("id");
    },
    remove: function(event, ui){
        //Run this code whenever an item is dragged and dropped out of this list
        ui.item.attr("class","availableItems");
        var id = ui.item.attr("id");
    }
    });
 });
 
 function Save()
 {
    var yourItems = $(".yourItems");
    var yourItemsList = "";
    for(var x=0; x<yourItems.length; x++)    
    {         
        var id = yourItems[x].id;
        yourItemsList += id + ",";
    }
    PageMethods.SaveLinks(yourItemsList);
 }