[jQuery] - Problema autocomplete + custom render

[alfa_19]

Salve a tutti,

Ho creato un semplicissimo input di tipo autocomplete, che visualizza in modo formattato i dati ricevuti all'interno del blocco a tendina che si apre:

    $( "#campo" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "getData.php",
                dataType: "jsonp",
                data: {
                    name_startsWith: request.term
                },
                success: function( data ) {
                    response( $.map( data.people, function( person ) {
                        return person;
                    }));
                }
            });
        },
        minLength: 3
    })
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( '<li style="background: '+item.bg+'">' )
            .data( "item.autocomplete", item )
            .append( '[img]'+item.img+'[/img] ' + item.nome )
            .appendTo( ul );
    }; 

Quando digito il testo, lui correttamente riceve i dati dal server e li visualizza in modo corretto nel menù a tendina...il problema è che se ora provo a selezionare uno dei campi visualizzati (es. premendo la freccia in giù) non succede nulla e ottengo il seguente errore:

Cannot read property value of undefined (con riferimento alla libreria jquery)

Grazie in anticipo

[alfa_19]

Nessuno sa aiutarmi?

Anche un'idea su dove cercare di toccare, poi vado di prove

grazie

[cavicchiandrea]

Perché usi jsonp? E i dati che ricevi in che formato sono html, xml, script, etc....?