Tengo problemas con algunas cosas de jQuery, por favor, ayúdenme. A continuación se muestra mi estructura de formulario:

<form name="imageUploadForm" id="imageUploadForm" action="" method="POST" enctype="multipart/form-data" >
   <table border="0" width="80%" cellpadding="2" cellspacing="3" id="mainTable">
   <tbody>
    <tr>
            <td> 
                  <table border="0" id="imageTable" class="imageTable">
                    <tr>
                      <td><label for="image_title"><sup>*</sup>Image Title:</label></td>
                      <td><input type="text" name="image_title[]" id="image_title[]"></td>
                    </tr>
                    <tr>
                      <td><sup>*</sup>Image:</td>
                      <td><input type="file" name="main_image[]" id="main_image[]" ></td>
                    </tr>
                  </table>
            </td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="2"><input type="button" id="addRow" value="Add More" /></td>
        </tr>
    </tfoot>
    </table>    
</form> 

Lo que quiero es esto: cuando hago clic en el botón Agregar más, una nueva tabla (es decir, un clon de tabla de imágenes) se agrega a mainTable, aquí está mi código jQuery:

jQuery(document).ready(function() {
    var count=1;
    jQuery('#addRow').click( function () {
        var Clonedtable = jQuery("#imageTable").clone(true);
        Clonedtable.appendTo('table#mainTable');
    })
});

Necesito crear diferentes ID para la tabla, y las dos entradas¿Es válido hacer una matriz de ID?Quiero agregar la tabla clonada agregue la última tabla del cuerpo, no solo después de la tabla de imágenes principalAmbas entradas deben estar vacías.

Por favor sugiérame un método optimizado. Gracias.

ACTUALIZAR: He cambiado la estructura de la tabla (estaba equivocado antes), quiero cambiarfor valor de atributo de la etiqueta de acuerdo con la siguiente identificación de entrada y eliminar<sup>*</sup> etiqueta. escribo debajo del código, todo está funcionando bien, pero necesito escribir colectivamente, no entiendo cómo escribirlo colectivamente, sugiérame

 jQuery('#addRow').live('click', function () {
        var quantity = jQuery('table[class^=imageTable]').length;
        var clonedRow = jQuery('#mainTable > tbody > tr:first').clone(true);
        var textID = clonedRow.find(':text').attr('id');
        clonedRow.find('label').attr('for', function () {
            return textID + quantity;
        });
        clonedRow.find('th').text('Image '+(++quantity) + ' :');
        clonedRow.find('sup').remove();     
        clonedRow.attr('id', function () {
            return this.id + quantity;
        }).find(':text,:file').attr('id', function () {
            return this.id + quantity;
        }).val('').end().appendTo('#mainTable');
    });