W mojej aplikacji mam pole wyszukiwania, w którym użytkownicy mogą wyszukiwać dane pacjenta przechowywane w bazie danych. wpiszą nazwę pacjenta, a serwer odpowie z odpowiedzią JSON ze wszystkimi szczegółami. W celu ułatwienia takiej funkcjonalności używam najnowszej wersji typeahead.js.

Oto mój kod javascript:

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

Ten kod daje mi następującą odpowiedź 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"
 }
]

Gdy biblioteka typu typeahead próbuje renderować tę odpowiedź, zawsze widzę undefined na liście rozwijanej. Chcę wyświetlić wszystkie pola tej odpowiedzi na liście rozwijanej propozycji automatycznych. Byłbym wdzięczny, gdyby ktoś mógł mnie w tym poprowadzić.

Chcę wyświetlić taki rekord na liście rozwijanej:

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

Z góry dziękuję!