Bonjour à tous

j'imagine que c'est une question qui a déja été posée mais je n'arrive pas à trouver la reponse avec la fonction recherche et google...

Voila mon souci: j'ai un formulaire
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<div id="rectangle2">
	<div id= "suivant"></div>
	<form name="formu" >
		<p>
			Civilite : <input type = "text" name="civil" id= "civilite" /><br>
			Nom : <input type = "text" id= "nom" /><br>
			Prenom : <input type = "text" id= "prenom" /><br>
			<!--<input type="button" value = "valider" onclick="return verif_etape1(document.formu).submit();"/>-->
		</p>
	</form>
</div>
Et j'aimerai recupérer le contenu de l'input qui a pour id civilite, j'ai donc fait :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
var valeur = $('input[name=civil]').val();
ou :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
var valeur = $('#civilite').val();
pour tester j'essaye d'afficher le contenu de valeur dans une popup en faisant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
alert('La valeur du champ prenom est : ' + valeur);
helas, la popup s'affiche bien mais elle n'indique pas le contenu de valeur!!
Elle n'affiche que : La valeur du champ prenom est :

Si quelqu'un à une explication ....

D'avance merci