Tengo un formulario que se crea dinámicamente usando ajax (ya que los datos para los elementos del formulario deben provenir de una base de datos) y quiero serializar los elementos del formulario para enviarlos ajax. Actualmente solo estoy probando mi teoría utilizando código del sitio web jQuery solo para ver si puedo recoger los elementos del formulario y aquí es donde radica el problema:

$(document).ready(function() {
    $('#btnCustomSearch').live('click', function() {
            $('#results').html('');
            alert($('#customSearchTable :input').serializeArray());
            // get all the inputs into an array.
            var fields = $('#customSearchTable :input').serializeArray();
            jQuery.each(fields, function(i, field) {
                $("#results").append(field.name + " = " + field.value + ", ");
            });

            // now we'll reformat the data as we need

            // here we'll send the data via ajax

    });
});

Necesito hacer algunos cambios en los datos antes del envío y este código aún no está escrito, pero lo que encuentro es que cualquier elemento de entrada en la página que existía en el momento de la carga de la página se recoge correctamente, cualquier elemento que esté rellenados con Javascript se recogen correctamente, pero los creados con ajax se ignoran.

Sé que esto normalmente se resuelve usando "live", pero no tengo claro cómo resolver esto conserializeArray(). Al usar Ajax, se agregan elementos de formulario adicionales al#customSearchTable y estos son los que no se recogen.

Cualquier ayuda muy apreciada.

Gracias