manipolare html caricato dall'esterno

[aquatimer2000]

Ciao a tutti, sono nuovo di javascript, e vorrei scrivere uno uno script che carica, dopo un determinato div, il codice html (vari input di una form) da un file html esterno.

funziona tutto bene solo che non riesco poi ad intervenire sugli input caricati dall'html stesso.. per esempio cambiargli id ecc...

tutto questo perchè dovrei realizzare una form, con delle righe di input ripetitivi da aggiungere con il classico pulsante "+" o da rimuovere con il classico pulsante "-"

qui di seguito, trovate la parte "logica" di quello che voglio fare:

function aggiungiRiga() {
    //leggo il numero attuale di righe
    var numeroRighe = $("#numeroRighe").val();

    //setto il numero progressivo per la riga corrente
    var riga = numeroRighe++;
    
    //carico l'html della nuova riga con gli input di default, e lo stampo dopo il div#elencoRighe
    $.get("rigaDefault.php", function(data) {
        $("#elencoRighe").after(data);
    });
    
    //qui vorrei sostituire i valori di dafult  con quelli della mia riga, ma non riesco a leggere nell'html caricato poco sopra, e gli id sono giusti
    
    $("#descrizioneDefault").attr('id', 'descrizione'+riga );
    $("#prezzoDefault").attr('id', 'prezzo'+riga );
    
    //qui setto il nuovo valore per il numero delle righe, da leggere successivamente
    $("#numeroRighe").val(riga);
    
}


$(".nuovaRiga").click(function(){
    
    aggiungiRiga();
    
)};

Immagino ci siano grossi errori ma soprattutto non mi funziona la parte in cui sostituire gli id agli input di default

come posso risolvere?