jquery - Bootstrap 来自多个来源的预输入自动完成？

Question

使用 Bootstrap Typeahead 脚本，我想制作一个具有自动完成功能的输入框。输入框为：

<input type="text" class="input-medium search-query" id="name" data-provide="typeahead" autocomplete="off">

我有 JSON 数据，其简单版本如下：

var name_list = {
  "first" = ["John", "Jonathan", "Tom"],
  "last" = ["James", "Smith", "Bush"]
}

当在文本框中输入内容时，现在我只显示“第一个”列表。

$('#name').typeahead({source: name_list.first);  

但我也想显示“last”的名字。例如，如果我输入“j”，我想查看

John
Jonathan
(ideally with a divide line from Bootstrap css)
James 

在自动完成列表中。我怎样才能做到这一点？有没有办法调用多个 JSON 数据源？