Estoy tratando de crear una tabla HTML como la siguiente usando dinámicamente 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 es mi mesa real:

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

Este es el método que crearátr ytd elementos que tomanid ylabelText:

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 />');
}

También tengo un valor que se mostrará como información sobre herramientas.

Por favor ayúdame a crear una tabla dinámicamente contool tip and tr td.

EDITAR:

Casi he terminado con el siguiente 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;
}

Aquí la etiqueta viene correctamente y el cuadro de entrada no aparece y se muestra[object Object] donde tiene que venir el cuadro de texto ...

Cuando imprimí eltextInputBox utilizandoconsole.log, Me sale lo siguiente:

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

¿Cual podría ser el problema?

Gracias a@theghostofc quien me mostró el camino ... :)