[Consulta] Editar fila Clonada y Agregada dinamicamente

[Hiruma-Sama]

Buenas que tal, soy nuevo en JQuery y no tengo mucho conocimiento, sin embargo casi he conseguido lo que busco, paso a explicarme:

Estoy intentando agregar filas de forma dinámica a una tabla HTML, esto ya lo he conseguido; Las filas contienen campos 'Input' que forman un formulario (ejemplo para que el usuario ingrese texto), el cual luego deseo enviar al hacer 'Submit', la idea sería una especie de formulario dinámico.

Este es mi código actual:

Código Javascript:

$(document).ready(function() {
 
            $('#btnAdd').click(function() {
                //con 'n' quisiera ir modificando los IDs de los elementos que estan dentro de la fila.
                var n = $('tr', $("#mitabla")).length;   
                // Clono la última fila tal cual esta.
                var fila = $('tr:last', $("#mitabla")).clone(true);
                //Agrego la fila a la tabla.
                $("#mitabla").append(fila);
 
            }); 
       
});
 

MI PROBLEMA: Las filas las agrego correctamente, PERO al clonarlas, los ID de los elementos 'Input' se mantienen, siguen siendo los mismos, entonces al hacer 'Submit' estos se pisan unos con otros.
Lo que necesitaría es saber como poder hacer para que además de Clonar la fila, poder cambiar el ID a cada 'Input' que esté dentro de un 'td' de esa última fila agregada/clonada.

Espero haberme explicado bien y desde ya muchas gracias por su tiempo.

Saludos.

[Hiruma-Sama]

Lo acabo de solucionar, de una manera bastante ASQUEROSA, pero como no hace a lo principal de mi aplicación y solo es algo puntual no me jode tanto, sin embargo escucho mejoras y opiniones de todos los gustos para dejarlo lo mejor posible.

Aquí dejo mi solución:

Código Javascript:

$('#btnAdd').click(function() {
                var n = $('tr', $("#mitabla")).length;    
                var fila = $('tr:last', $("#mitabla")).clone(true);
 
                var countFields = fila.children(0).children(0).children(0).length;
                for (i=0; i<countFields; i++){
                    fila.children(0).children(0).children(0).get(i).id = fila.children(0).children(0).children(0).get(i).id + n;
                    fila.children(0).children(0).children(0).get(i).name = fila.children(0).children(0).children(0).get(i).name + n;
                    fila.children(0).children(0).children(0).get(i).value = "";
                }
                
                $("#mitabla").append(fila);
                // enable the "remove" button
                $('#btnDel').removeAttr('disabled');
            });
 

Saludos y suerte ;)