jquery - ページをリロードする追加を使用したjqueryソート

Question

私は他の私のサイトで適切に機能している非常に簡単なコードを持っています...私はテキストにまたがっています。このスパンにonclickイベントをバインドします。誰かがそれをクリックすると、スパンの下のテーブルがソートされます。しかし、それをクリックすると、サイトがリロードされ、新しいページでテーブルの最初の画像しか表示されませんでした（FFを使用すると、Chromeではすべての画像が表示されますが、画像のみが表示されます）。

リロードは追加時に行われます。特に同じコードが他のサイトで適切に機能している場合は、修正方法がわかりません...

<span id="tableSort">Sort</span>

短いJSコード：

jQuery(function(){

    var sortOrder = '';
    function tableSort(e) {
            e.preventDefault();
            var mylist = jQuery('table#pcWide');
            var listitems = mylist.children('tbody').children('tr').get();
            (sortOrder === '') ? sortOrder = 'd': (sortOrder == 'a')? sortOrder = 'd': sortOrder = 'a';
            listitems.sort(function(a, b) {
                    var ca = jQuery(a).attr('id');
                    var compA = ca.substr(1);
                    var cb = jQuery(b).attr('id');
                    var compB = cb.substr(1);
                    if (sortOrder === 'd') {
                            jQuery('#tableSort').removeClass('sl-down').addClass('sl-up');
                            return compB - compA;
                    } else {
                            jQuery('#tableSort').removeClass('sl-up').addClass('sl-down');
                            return compA - compB;
                    }
            });
            jQuery.each(listitems, function(idx, itm) {mylist.append(itm);});
    }
    jQuery('span#tableSort').click(function(e) {tableSort(e);});
});