(jQuery); Impossible de trouver ce qui marche dans ce script...

Bonjour à vous !

Bon, ok, le titre n'est pas très explicite. Je précise.

J'ai rapidement codé un petit script qui cache une div près d'un input lors d'un onkeydown sur celui-ci, en fonction de sa valeur val();. Voici :

$(".field-container .field").css("value", "");
	$(".field-container .label-text").show();
	if ($(".field-container .field").val() != "")
		$(".field-container .label-text").hide();
	checkEmpty = function() {
		if ($(".field-container .field").val() != "") {
			$(".field-container .label-text").hide();
		} else {
			$(".field-container .label-text").fadeIn();
		}
	};
	$(".field-container .field").focus(function(){checkEmpty();}).blur(function(){checkEmpty();}).keydown(function(){checkEmpty();}).bind('onPropertyChange',function(){checkEmpty();});

Le but est le même que sur ce lien (voir exemple à la fin, juste avant les commentaires), cacher un label à l'intérieur d'un input uniquement lorsqu'il n'est pas vide. Je ne veux pas utiliser ce plug-in parce-que je le rouve un peu lourd et n'aime pas son fonctionnement.

Sauf que mon script rencontre un problème avec l'association de onkeydown() et val() que l'autre ne rencontre pas.
Lorsque j'appelle val() dans la fonction de onkeydown, il retourne l'ancienne valeur du champ puisque val() n'est actualisé qu'après un onkeyup. Sauf que dans ce script (lien direct) utilise la même technique mais val() fonctionne correctement et je n'arrive pas à trouver comment...

J'y suis depuis 4h maintenant mais sans succès...

Si quelque chose vous parait logique ou si vous voyez une piste je suis preneur !

Merci !

Juste pour info, tu peux faire comme ça :

$(".field-container .field").bind("focus blur keydown change",function() { 
    checkEmpty(); 
}); 

Tiens c'est gentil ! Merci !