Bootstrap 3 typeahead，外部json文件无法正常工作。为什么？

Question

我正在尝试在Bootstrap 3中使用Typeahead (for bootstrap3)，其中我想从api获取结果而不是预先加载它们。所以我想尝试的第一步是从外部文件加载结果。在this example中完成的方式如下：

$(function(){
    $('#search-input').typeahead({
        name: 'states',
        prefetch: 'states.json',
        limit: 10
    });
});

我的states.json包含["Alabama","Alaska","West Virginia","Wisconsin","Wyoming"]，我的html如下：

<input type="text" id="search-input" class="typeahead" style="margin: 0 auto;" data-provide="typeahead">

但这不起作用。我在控制台中没有出现任何错误，而且我已经暂时对此感到不满，但我真的找不到我做错了什么。

有人知道如何让它发挥作用吗？欢迎所有提示！