Gentagelser af input felter med javascript

Hello.

Jeg har før set denne feature på nettet, men jeg kan desværre ikke huske hvor, så jeg bliver nødt til at ty til jeres hjælp atter en gang :-)

Kort sagt går det ud på at en bruger skal kunne invitere sine venner til et spil. Som standard er der 2 inputs, ét til navnet og ét til emailen. Jeg vil gerne give dem muligheden for at invitere flere venner, og for det ikke skal ødelægge designet med så mange input-felter liggende, skal brugeren kunne få flere input-felter frem ved at klikke på et link.

Et hurtigt eksempel:
Navn: <input type="text" id="name" name="name"> Email: <input type="text" id="email" name="email"><br>
<a href="#" onclick="en masse javascript skal sikkert være her">Klik her og invitér flere af dine venner!</a>

Ved at klikke på linket skal der dukke 2 nye felter op med navn og email - de skal selvfølgelig have nye id'er begge to (eks. 1, 2, 3 til slut ved de efterfølgende).

Der skal kun dukke 1 sæt felter op (navn og email) ved hvert klik på linket, men man skal tilgengæld kunne klikke op til 10 gange på linket, før det ikke længere er muligt at invitere flere venner.

Håber i har tid til at hjælpe mig :-)