jQuery问题，始终没想明白的一个问题

[code="java"]
$(document).ready(function() {
$('table.sortable').each(function() {
var $table = $(this);
$('th', $table).each(function(column) {
var $header = $(this);
if ($header.is('.sort-alpha')) {
$header.addClass('clickable').hover(function() {
$header.addClass('hover');
}, function() {
$header.removeClass('hover');
}).click(function() {
var rows = $table.find('tbody > tr').get();
rows.sort(function(a, b) {
var keyA = $(a).children('td').eq(column).text()
.toUpperCase();
var keyB = $(b).children('td').eq(column).text()
.toUpperCase();
if (keyA < keyB) return -1;
if (keyA > keyB) return 1;
return 0;
});
$.each(rows, function(index, row) {
$table.children('tbody').append(row); //为什么这边是实现替换功能，而不是附加功能
});
});
}
});
});
});
[/code]
这是一段对表头排序的代码，始终搞不明白的是最后一条语句$table.children('tbody').append(row); 明明是把row的内容附加到tbody尾部，为什么出现的效果就是移动呢
[b]问题补充：[/b]
很郁闷，找了N久，没在页面中找到能够发言的按钮 :cry:

jquery是把var rows = $table.find('tbody > tr').get(); //这里得到的rows追加到$table.children('tbody').append(row);

自然就是这种效果