Javascript Typeahead将不显示字段

我正试图让Twitter的Typeahead框在文本字段上工作，这样我就可以最终将其用于自动完成功能，并与带有谷歌地图api的数据库保持一致。我甚至不能用一堆样本值让这个框下降，我不知道我做错了什么

jQuery：

$(document).ready(function(){
$('#autocomplete .typeahead').typeahead({
  name: 'accounts',
  local: ['Audi', 'BMW', 'Bugatti', 'Ferrari', 'Ford', 'Lamborghini', 'Mercedes Benz', 'Porsche', 'Rolls-Royce', 'Volkswagen']
});
}); 

html:

---

尝试将您的id重新排列回div字段，使用html执行此操作：

<div class="col-sm-12" id = "filters" style="height:75px;">
    <div class="col-sm-3" id = "search"> 
        <form class="navbar-form">
            <div class="form-group" style="display:inline;">
                <div class="input-group" id="autocomplete">
                    <input type="text" placeholder="City/State/Zip" class="typeahead">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
                </div>
            </div>
        </form>                         
    </div>
</div>

---

您尝试过$（“#autocomplete，.typeahead”）吗？您使用的是typeahead.js的哪个引擎？基本的还是猎犬？他们有示例代码，您应该先试用这些示例

<div class="col-sm-12" id = "filters" style="height:75px;">
    <div class="col-sm-3" id = "search"> 
        <form class="navbar-form">
            <div class="form-group" style="display:inline;">
                <div class="input-group" id="autocomplete">
                    <input type="text" placeholder="City/State/Zip" class="typeahead">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
                </div>
            </div>
        </form>                         
    </div>
</div>