bootstrap typeahead devolver nombre e id

Hy! Estoy usando Twitter bootstraps typeahead:

Estoy llamando a una página que devuelve una respuesta con json_encode. La página devuelve un nombre y una ID,

Quiero que la lista de typeahead me muestre la lista de nombres, y cuando seleccione uno de los nombres para escribir el valor de id en un campo oculto.

La llamada funciona bien, y escribir un campo debería ser fácil. Lo que no sé qué hacer es cómo dividir el nombre del ID.

ahora, cuando busco algo, en la lista de sugerencias puedo ver los resultados que se presentan de esta manera:

nombre1: id1 nombre2: id2

Solo quiero ver nombres pero también llevar el valor de id.

¿Cómo puedo hacer eso?

 $(function(){
    $("#typeahead_<? print $key; ?>").typeahead(
        {
        source: function(query, process)
                    {
                    $.ajax({
                        url:    '/getAjaxProducts',
                        type:   'POST',
                        data:   'query=' + query,
                        dataType: 'JSON',
                        async: true,
                        success: function(data)
                                {
                                process(data);
                                }
                            });                 
                    }
        });
});

Respuestas a la pregunta(6)

Su respuesta a la pregunta