Autocompletion et récupération de valeur

Bonjour,

Voilà je vous explique, je dois créer un formulaire en php dans lequel il y a plusieurs champs. L'un de ces champs propose de choisir une valeur parmi des valeurs existant dans une base de données. Comme il y a énormément de valeurs différentes il faut que je fasse une autocompletion.

Alors j'arrive bien à faire afficher les choix que je veux, mais quand je clique sur un choix et bien il ne se passe rien, il ne s'affiche pas dans le champ de saisie. Je suis sure que c'est un soucis tout bête de javascript en plus mais je bloque tellement dessus que je ne vois plus la solution.

Voici le bout de code de ma page

	<p>
		<label for="course">Tier : </label>
		<input size="30" type="text" name="course" id="course" />
		<?php 
		$nom = $_POST['course'] ;
		?>	
	</p>

Le javascript que j'ai dans la page

<script language="javascript">
		$().ready(function() {
			
			$("#course").autocomplete("autocomplete.php", {
				width: 300,
				matchContains: true,
				mustMatch: true,
				selectFirst: false
			});
			
			$("#course").result(function(event, data, formatted) {
				$("#course_val").val(data[1]);
			});
			
		});
	</script>

Et la page autocomplete.php en question

<?php
require_once "includes/Connect.php";
$q = strtolower($_GET["q"]);
if (!$q) return;

$sql = "SELECT DISTINCT ident FROM tier WHERE ident LIKE '$q%'";
$rsd = mysql_query($sql);
while($rs = mysql_fetch_array($rsd)) {
	$cname = $rs['ident'];
	?>
	<span onClick="document.getElementById('course').innerHTML='utf8_encode(".$cname.")';"><?php echo utf8_encode("$cname"); ?></span>
	<?php
}
?>

Je précise que je suis en stage donc j'essaye au maximum d'utiliser les choses déjà faites par la personne, en l'occurrence la partie javascript en haut de page et la page autocomplete.php mais je peux quand même changer radicalement si ça fonctionne.

Merci d'avance de votre aide.