jquery - jqueryでソートされたテーブル行の上にグループヘッダーを追加します

Question

約50〜60行の大きなテーブルがあります.....プラグインを使用せずにそれらの行をソートしました...これは私が使用したロジックです...

var trContent = $('#sessionsTable > tbody  > tr');
var data1, data2, finaldata1, finaldata2;
trContent.sort(function (a, b) {
    data1 = $(a).children('td').find(sortingdivId).eq(0);
    finaldata1 = data1.text().toUpperCase().replace(/[^a-z0-9\s]/gi, '').replace(/[^\w\s]/gi, ''); //.replace(/[^\w\s]/gi, '')
    data2 = $(b).children('td').find(sortingdivId).eq(0);
    finaldata2 = data2.text().toUpperCase().replace(/[^a-z0-9\s]/gi, '').replace(/[^\w\s]/gi, ''); //.replace(/[^\w\s]/gi, '')

    if (finaldata1 < finaldata2) {
        return -1;
    }

    if (finaldata1 > finaldata2) {
        return 1;
    }

    return 0;
});

$.each(trContent, function (index, row) {
    $('#sessionsTable').children('tbody').append(row);
});

ソートされた各リストの上にヘッダーを追加したい....プラグインを使用したくない。出来ますか？また、テーブルにはテーブル ヘッダー タグがありません。ソートされたグループごとにヘッダーを動的に作成する必要があります。助けてください。