Невозможно получить Twitter Typeahead для работы в Bootstrap

Это может быть проблема с noob, но я не могу понять, почему этот код не работает. FYI это всего лишь примерный список стран, выведенных из состояния с несколькими. Я вытягиваю список из php на основе более ранних входов, но это не проблема, список в порядке, его автозаполнение не работает.

http://jsfiddle.net/s4wx9/

Typeahead remote с Laravel 4 - Я работаю над отдельными работами, но не работаю вместе

<div>Local County: <input type="text" class="input-block-level required typeahead" id="county" name='county' placeholder="Local County" /> <div> <script> $("#county").typeahead({ local: ["Apache", "Cochise", "Coconino", "Gila", "Graham", "Greenlee", "La Paz", "Maricopa", "Mohave", "Navajo", "Pima", "Pinal", "Santa Cruz", "Yavapai", "Yuma"] }); </script>

Просто замените local source на ваш javascript

 $("#county").typeahead({ source: ["Apache", "Cochise", "Coconino", "Gila", "Graham", "Greenlee", "La Paz", "Maricopa", "Mohave", "Navajo", "Pima", "Pinal", "Santa Cruz", "Yavapai", "Yuma"] });

Локальный используется с автономной библиотекой Typeahead.

EDIT: Вот обновленная версия jsfiddle: http://jsfiddle.net/s4wx9/1/

Есть две проблемы

Вы используете очень старую версию bootstrap (2.1.1), которая несовместима с версией jquery 1.9 (в этой версии есть много устаревших функций, включая расширение $ .browser, которое используется bootstrap) – если вы не можете обновить до новой версии бутстрапа, пока вы можете включить плагин миграции, чтобы исправить эту проблему
необходимо установить параметр источника вместо локального

пытаться

 $("#county").typeahead({ source: ["Apache", "Cochise", "Coconino", "Gila", "Graham", "Greenlee", "La Paz", "Maricopa", "Mohave", "Navajo", "Pima", "Pinal", "Santa Cruz", "Yavapai", "Yuma"] });

Демо: скрипка