Перемещение строк в таблице JQuery

Помогите реализовать перемещение строк в таблице путем перетягивания мышкой.

Имеется админка для наполнения сайта. Имеется таблица категорий которая формируется запросом из базы данных. Каждая категория имеет свою позицию. Нужно чтобы администратор сайта смог менять позицию категории путем перетаскивания строк вверх, вниз.

Я использую плагин Table Drag and Drop JQuery plugin для перемещения строк.

Вот реализация перемещения строк:

$("#table-1").tableDnD({
onDragClass: "dragRow",
onDrop: function(table, row) {
var data = new Object();
data.data = new Object();
data.key = $(table).find("tbody tr td").attr("rel");
$(row).fadeOut("fast").fadeIn("slow");
$(table).find("tbody tr").each(function(i, e){
var id = $(e).find("td:first").attr("id");
var order = i;
data.data[order] = id;
$(e).find("td[rel=sort_order]").html(order);
});

$.ajax({
url: "./",
type: "POST",
data: data,
success: function(html){
$("#table-1 tr").removeClass("color");
$("#table-1 tr:even").addClass("color");

}
});
}
});

Строки перемещаются и перенумеровываются.

Не могу понять что передает постом AJAX и как внести изменения в базу данных.

Помогите плиз.