typeahead.js не викликає функцію джерела - jquery, twitter-bootstrap-3, typeahead, twitter-typeahead

Я намагаюся інтегрувати тикер typeahead.js, для цього я завантажив бібліотеку з https://github.com/twitter/typeahead.js і включено typeahead.bundle.min.js

Я тоді додав наступне

<input type="text" class="form-control typeahead font-normal">
$(".typeahead").typeahead({
source: function(query, process) {
console.log(query);
}
});

Проблема в тому, що вона викликає функцію джерела, я очікую, що він друкує запит у консолі. що це не так.

Що може бути, можливо, неправильно тут?

Дякую.

Наступне рішення працювало.

Як вказується в відповіді, я першим додала наступну бібліотеку

1. jquery.min.js
2. typeahead.bundle.min.js (https://twitter.github.io/typeahead.js/)
3. typeahead.jquery.min.js (https://twitter.github.io/typeahead.js/)
4. bootstrap3-typeahead.min.js (https://github.com/bassjobsen/Bootstrap-3-Typeahead)

А потім ініціалізував наступний код

$(".typeahead").typeahead({
source: function(query, process) {
process([
{id: "1", name: "Display name 1"},
{id: "2", name: "Display name 2"}
]);
}
});

І це працює.

Відповіді:

Спробуйте це, Вам потрібно додати bootstrap typeahead js

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"></script>

jsFiddle для того ж https://jsfiddle.net/aa7zyyof/17/