Eu estou tentando criar uma tabela HTML como o seguinte dinamicamente usando jQuery:

<table id='providersFormElementsTable'>
    <tr>
        <td>Nickname</td>
        <td><input type="text" id="nickname" name="nickname"></td>
    </tr>
    <tr>
        <td>CA Number</td>
        <td><input type="text" id="account" name="account"></td>
    </tr>
</table>

Esta é a minha mesa real:

<table border="0" cellpadding="0" width="100%" id='providersFormElementsTable'> </table>

Este é o método que irá criartr etd elementos tomandoid elabelText:

function createFormElement(id, labelText) {
    // create a new textInputBox button using supplied parameters
    var textInputBox = $('<input />').attr({
        type: "text", id: id, name: id
    });
    // create a new textInputBox using supplied parameters
    var inputTypeLable = $('<label />').append(textInputBox).append(labelText);

    // append the new radio button and label
    $('#providersFormElementsTable').append(inputTypeLable).append('<br />');
}

Eu também tenho um valor que será mostrado como dica de ferramenta.

Por favor me ajude a criar uma tabela dinamicamente comtool tip and tr td.

EDITAR:

Eu quase terminei com o seguinte código:

function createProviderFormFields(id, labelText,tooltip,regex) {
    var tr = '<tr>' ;
    // create a new textInputBox  
    var textInputBox = $('<input />').attr({
        type: "text",
        id: id, name: id,
        title: tooltip
    });  

    // create a new Label Text
    tr += '<td>' + labelText  + '</td>';
    tr += '<td>' + textInputBox + '</td>';  
    tr +='</tr>';
    return tr;
}

Aqui o rótulo está vindo corretamente e a caixa de entrada não está chegando e mostra[object Object] onde a caixa de texto tem que vir ...

Quando imprimi otextInputBox usandoconsole.logEu recebo o seguinte:

[input#nickname, constructor: function, init: function, selector: "", jquery: "1.7.2", size: function…]

Qual poderia ser o problema?

Graças a@theghostofc quem me mostrou o caminho ... :)