[AJAX] Formulaire : ajout de champs Ajax

Bonsoir,

J'ai une petite question que l'utilisation d'AJAX sur un formulaire. Je veux créer un formulaire un tant soit peu dynamique.
Avec l'aide d'un bouton je veux ajouter des champs au formulaire pour le compléter.
J'utilise du html et du php pour l'instant. J'arrive a dupliquer les champs mais il se resettent à chaque clique sur le bouton.

Point de départ :
4 Champs dont 2 listes déroulantes et 2 champs de saisie texte classique.
1ere liste : Pays
2eme liste : Age
1er texte : Nom
2eme texte : Prénom

But :
Quand je clique sur un bouton nommé 'Ajouter une personne', les 4 champs ci dessus se duplique en dessous des 4 premiers (8 champs au total). Si je re-clique, il se duplique encore (12 champs) etc....

Problème :
Quand je clique sur le bouton d'ajout, les valeurs des champs se resettent toutes et il faut donc tout retaper, c'est pas très ergonomique. Car au départ, on ne sait pas combien de personne il y aura au total.

Ma question :
est-ce qu'avec AJAX, il est possible d'ajouter des champs sans que les valeurs précédentes ne disparaissent pas ? ou faut-il utiliser un autre style de programmation ?

Merci !!! :)