ajax chargement noeud xml au clic

Bonjour,

J'aimerai parcourir chaque noeud d'un document xml en cliquant sur un bouton avec jQuery 1.3.2
A chaque clic sur le bouton j'aimerai que ce soit le noeud suivant qui s'affiche.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<questions>
	<question id="q1">
		<intitule>Question 1</intitule>
		<detail></detail>
		<reponse value="true">Rep 1.1</reponse>
		<reponse value="false">Rep 1.2</reponse>
		<reponse value="false">Rep 1.3</reponse>
	</question>
	<question id="q2">
		<intitule>Question 2</intitule>
		<detail></detail>
		<reponse value="false">rep 2.1</reponse>
		<reponse value="true">rep 2.2</reponse>
		<reponse value="false">rep 2.3</reponse>
	</question>
</questions>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function(){ 
	$.ajax({
		type: "GET",
		url: "questions.xml",
		dataType: "xml",
		success: function(xml){
			var qs = $(xml).find('question');
			var i = 0;
			$('#bouton-validation').click(function(){
				var q = qs[i];
				var question = q.find('intitule').text(); // semble bloquer ici
				q.find('reponse').each(function(){
						var li = $('<li></li>');
						var r = $(this).text();
						li.append(r);
						$("#questions dl dd ul").append(li);
				});
				i++;
			});
		}
	});
});

Une idée ?

Merci