Jquery et Ajax

Bonjour,

Je travaille sur un script qui doit faire ceci :
Avec PHP et une base de données, je crée une liste d'items.
Pour chacun des items, j'aimerais, au clic sur un bouton (ou un lien) qu'une popup s'ouvre en jquery (pas de rechargement de page) avec le détail de l'item.
Donc, chaque item a un ID différent.

Pour Ajax et jquery, pas de souci, ça fonctionne.
L'ennui, c'est que :
- chaque déclencheur comporte un ID différent, mais la variable passée par Ajax semble être toujours la même...

Voici le code JS :

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
  $('.ajax').click(function(e){
  e.preventDefault();
  $.ajax({
	type:"GET",
	url:"voir.php",
	data:'data='+$('.champ').val(),
	dataType:"html",
	error:function(msg){ alert( "Error !:"+msg ); },
	success:function(affichage)
	{
	  $('#destination').html(affichage);
	}});
	});
});
</script>

Voici le code HTML

<form>
    <input name="champ" type="text" class="champ" value="Bonjour" />
    <input type="submit" value="tester" class="ajax" />
</form>
<form id="form01">
    <input name="champ" type="text" class="champ" value="Bonjour01" />
    <input type="submit" value="tester" class="ajax" />
</form>

Le code PHP n'a pas vraiment d'importance, mais le voici en simplifié :

<?php
header('Content-type: text/html; charset=iso-8859-1');
if (isset($_GET['data']))	{ $data=$_GET['data']; }	else { $data=""; }
if ($data!="") { echo $data."<br />"; }
echo "Test de texte";
?>

Lorsque je clique su l'un ou l'autre des boutons, il me retourne invariablement le value du premier formulaire.

Voilà... Pas d'insultes s'il vous plait, je commence jQuery et JavaScript n'est pas mon fort...

Merci à tous