tabla dinamica envio de datos

[Irux]

hola tengo un pequeño problema la cosa es que estoy creando una tabla dinamica en donde pueda agregarle productos como el nombre precio cantidad y luego enviarlo por formulario, pero al crearla envio todo mi formulario menos la tabla en si x.x
este es mi codigo

Código:

<form action="../controller/controlador.php" method="post" id="form_enviar">
id<input type="text" name="id" /> <br />
Nombre<input type="text" name="nombre" id="nombre" /> <br />
Apellido<input type="text" name="apellido" id="apellido" /> <br />
Telefono<input type="text" name="fono"  id="fono"/> <br />
<a href="#">enlace</a>
<br />
<fieldset id="buildyourform">
    <legend>Build your own form!</legend>
</fieldset>
<input type="button" value="Agregar Productos" class="add" id="add" />
<input type="submit" value="Enviar" id="btn_enviar" />

y la funcion javascript que me crea mi tabla o campos es el siguiente

Código:

$(document).ready(function() {
    $("#add").click(function() {
        var intId = $("#buildyourform div").length + 1; 
        var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\" />");
        var fName = $("<input type=\"text\" class=\"fieldname\" />");
        var fType = $("<select class=\"fieldtype\"><option value=\"checkbox\">Checked</option><option value=\"textbox\">Text</option><option value=\"textarea\">Paragraph</option></select>");
        var removeButton = $("<input type=\"button\" class=\"remove\" value=\"Eliminar\" />");
        removeButton.click(function() {
            $(this).parent().remove();
        });
        fieldWrapper.append(fName);
        fieldWrapper.append(fType);
        fieldWrapper.append(removeButton);
        $("#buildyourform").append(fieldWrapper);
    });
 
});

alguna ayuda o algo estoy haciendo mal quien me pueda orientar en esto gracias