为什么jQuery tablesorter不能动态地在javascript创建的表上工作？

Question

我正在使用javascript函数动态创建表，同时用户单击单选按钮，然后我调用tablesorter函数，但它不起作用。

以下是我的代码段

function showTable(tableData, elementId){

    $('#' + elementId).html('<table class="table id="output"> </tabble>');
    var table = document.getElementById('output');
    var table1 = document.getElementById('output');
    var headerArr = tableData[0];
    var header = null, row = null, cell = null, rowData = null;

    var row2 = null;
    for (var i = 1; i < tableData.length; i++) {
        row2 = table.insertRow(-1);
        rowData = tableData[i]; 
        for (var j = 0; j < rowData.length; j++) {
            cell = row2.insertCell(j);
            cell.innerHTML = rowData[j];
        }
    }
    /*
     * create header
     */
    header = table.createTHead();
    row = header.insertRow(0);
    for (var i = 0; i < headerArr.length; i++) {
        cell = row.insertCell(i);
        cell.innerHTML = headerArr[i];
    }

    $("#output").tablesorter({widgets: ['zebra']});
}