Eu tenho uma caixa de pesquisa no meu aplicativo, onde os usuários podem procurar por detalhes do paciente armazenados no banco de dados. eles digitariam o nome do paciente e o servidor responderia com resposta JSON com todos os detalhes. Para facilitar essa funcionalidade, estou usando a última versão typeahead.js.

Aqui está o meu código javascript:

$("#search-box").typeahead({
    remote: 'searchPatient.do?q=%QUERY'
});

Este código me fornece a seguinte resposta JSON:

[
 {
  "id":1,
  "surname":"Daniel",
  "forename":"JOHN",
  "address":
            {
              "id":23,
              "houseNameOrNumber":"35",
              "addressDetail":"Roman House",
              "postCode":"NE1 2JS"
            },
  "gender":"M",
  "age":27,
  "dateOfBirth":"25/08/1985"
 }
]

Quando a biblioteca typeahead tenta renderizar essa resposta, sempre vejo indefinida na lista suspensa. Quero mostrar todos os campos dessa resposta na lista suspensa de sugestão automática. Eu apreciaria se alguém pudesse me guiar em fazê-lo.

Eu quero mostrar um registro como este na lista suspensa:

John Daniel (M, 27)
35 Roman House, NE1 2JS
25/08/1985

Desde já, obrigado!