jQuery：克隆表行在最后一行而不是下面添加行

Question

我使用以下行克隆表的最后一行并将其添加到该表的下面。

克隆按预期工作，字段和值也会正确更新。 我唯一的问题是该行似乎插入最后一行而不是它下面。 我使用Bootstrap 3进行造型，以防万一。 此外，只有在网站上进行某些选择后才会添加表格和按钮。

$(document).on('click', '#btnAdd', function() {
    var tableID = $('.outputTable').attr('id');
    var tempID = 9000000;
    var rowCount = $('#'+tableID+' >tbody >tr').length + 1;
    var trOld = $('#'+tableID).find('tbody tr:last');
    var trNew = trOld.clone();
    $('#'+tableID+' >tbody').after(trNew);
    trNew.attr('id', tempID);
    trNew.find('.sortID').text(rowCount);
    tempID++;
    console.log(tempID);
});

非常感谢任何建议，蒂姆。