Ciao a tutti, sto cercando di usare "autocomplete" con jquery.

Funziona, ma ho un problema...

Se l'utente scrive senza cliccare... mi visualizza nella lista alla fine solo 1 risultato e fin qui giusto, solo che se l'utente non ci clicca sopra, non mi si riempi l'input hidden id.. e perciò il filtro della ricerca non funziona.

Io vorrei che alla perdita del focus dall'input di ricerca, selezionasse in automatico il primo elemento della lista presente.

come succede in questo sito: http://www.nuovecostruzioni.it/

il mio codice è il seguente:

jQuery('#form_ricerca_aree #tag').autocomplete({
source: 'ajax/auto-ricerca-aree.php',
minLength:2,
selectFirst: true,
change:function(event,ui){
if(!ui.item){
jQuery(this).val('');
jQuery('#form_ricerca_aree #id').val('');
return false;
}
},
select:function(event,ui){
jQuery('#form_ricerca_aree #id').val(ui.item.id);
}
});



<form id="form_ricerca_aree" method="get" action="ricerca.php">
<input type="hidden" id="dpr" name="dpr" value="profilo" />
<input type="hidden" id="fpr" name="fpr" value="ricerca" />
<input type="hidden" id="id" name="id" value="" />
<input type="hidden" id="tip" name="tip" value="area-interesse" />
<input type="text" class="input_ricerca" id="tag" name="tag" placeholder="Inserisci Area di interesse" title="Es. Milano" value="">
<input type="submit" class="submit_ricerca" id="submit_ricerca" name="submit_ricerca" title="Cerca " value="">
</form>