aggiungere dinamicamente N campi ad un form

[Sifr]

Ciao a tutti,

ho un form in HTML costituito da N campi:

<input type="text" name="name1[]" id="id1[]" />
<input type="text" name="name2[]" id="id2[]" /> 
<textarea name="name3" id="id3[]">text3</textarea>
<input type="radio" name="radio1" id="radio1" />

Vorrei far in modo che, cliccando su un bottone apposito, la pagina mi generi automaticamente un altro set di campi contenente tutti i campi attuali il cui nome termina per [].

Al momento ero riuscito a far funzionare questo codice, che però richiede di inserire il codice HTML dei campi da inserire a mano:

<script type="text/javascript">
var counter = 1;
var limit = 50;
function addInput(divName){
     if (counter == limit)  {
          alert("Sei arrivato al limite di " + counter + " campi");
     }
     else {
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "Set " + (counter + 1) + "<input type='text' name='text[]'>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}
//-->
</script>

Potreste darmi una mano a generare quell'innerHTML dinamicamente?

Purtroppo javascript mi è sempre stato ostico

Grazie!