Autocompletamento a "cascata"

[Nicola72]

Salve a tutti, ho questo problema da risolvere:
In un form ho 3 campi input di tipo text: "genere", "marca" e "modello", per inserire dati di prodotti.

Ho trovato un widget che permette di eseguire l'auto-completamento di campi, in modo simile ai suggerimenti forniti da Google, si chiama Ui Autocomplete.

Pur non essendo molto pratico di jquery, non ho riscontrato difficoltà a far eseguire l'autocompletamento ai 3 campi, adesso però vorrei che i suggerimenti sul campo modello, dipendano dai dati inseriti sui campi "genere" e "marca", ad es. se nel campo "genere" scrivo 'cellulare' e nel campo "marca", scrivo 'nokia', nel campo modello i suggerimenti devono limitarsi esclusivamente ai cellulari Nokia e non a tutti i modelli.

I dati devo prelevarli da un database, ho preso spunto da questa pagina: http://forum.it.altervista.org/how/...campo-dati-remoto-db-con-php-json-jquery.html

Il codice che ho implementato io su consiglio di un amico è questo:

-------------

$(document).ready(function($) {
var gen= $('#genere');
var mar= $('#marca');
var mode= $('#modello');
$('#modello').autocomplete (
{
source:
function(request, response) {
$.ajax({
url:"http://localhost/cashfund_locale/pages/ordini/cerca_prodotto.php?gen=' + gen.val() + '&mar=' + mar.val() + '&mode=' + mode.val()",
method: 'get',

data: { gen: gen.val(), mar: mar.val(), mode: mode.val() },
success: function( data ) {
response( $.map( data, function( item ) {
return item.label;
}));
}

});
},
minLength:2
}
)
});

---------------

Il codice non funziona, poichè l'auto-completamento funziona solo sui campi "genere" e "marca" e non sul campo "modello", dalla consolle degli errori di Chrome, appare questo messaggio:

Uncaught TypeError: Cannot use 'in' operator to search for '44' in [{"value":"stylus s20","label":"stylus s20"}]

Io ho poca dimestichezza con jquery, come dovrei procedere per risolvere questo problema?

Grazie in anticipo