Как правильно обновить таблицу с помощью Ajax?

Доброго времени суток! Есть таблица, в которую пользователь добавляет города, она формируется ajax-запросами. В ней есть сортировка по колонкам и без полной перезагрузки страницы она не работает. Подскажите как подключать сортировку без полной перезагрузки.
Это результат ajax который добавляет город в таблицу

if (data) {
    favoritesCount.html(data);
    $(".favorites-table").load(location.href + " .favorites-table");
}

Это функция сортировки колонок

function sortTable(f,n) {
	var rows = $('#table-favorites tbody tr').get();

	rows.sort(function(a, b) {
		var A = getVal(a);
		var B = getVal(b);

		if (A < B) {
			return -1*f;
		}
		if (A > B) {
			return 1*f;
		}
		return 0;
	});

	function getVal(elm) {
		var v = $(elm).children('td').eq(n).text().toUpperCase();
		if ($.isNumeric(v)) {
			v = parseInt(v,10);
		}
		return v;
	}

	$.each(rows, function(index, row) {
		$('#table-favorites').children('tbody').append(row);
	});
}

Заранее спасибо!