Bootstrap typeahead example. Handling a list of objects from API endpoint.

bootstrap-typeahead-sample

('input[type="text"]').typeahead
  minLength: 3
  quietMillis: 250
  source: (query, process) ->
      @options.map = {}
      suggest = []
      self = @
      $.getJSON "api/users", {q: query}, (data) =>
          $.each data, (idx, item) ->
              ele = "#{item.fullname} (#{item.name})"
              self.options.map[ele] = item
              suggest.push(ele)
          process(suggest)
      updater: (item) ->
          return @options.map[item].name

# Sample resonpse from api/users
# [{name: "peter", fullname: "Peter Parker"}, {name: "bruce", fullname: "Bruce Wayne"}]