Ошибка ввода в тегах начальной загрузки

Question

Я хочу использовать входные теги Bootstrap. Но похоже, что я получаю TypeError. В консоли это сообщение показывает

Ошибка типа: elt.tagsinput не является функцией

Вот мой код

<script>
     $(document).ready(function() {
                var members = JSON.constructor({!!  json_encode($member)  !!});
                var arr = [];
                var mem = new Bloodhound({
                    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'),
                    queryTokenizer: Bloodhound.tokenizers.whitespace,
                    local: members
                });
                mem.initialize();
                var elt = $('#researcher');
                console.log(members);
                console.log(typeof(elt));
                elt.tagsinput({
                    itemValue: 'value',
                    itemText: 'text',
                    allowDuplicates: false,
                    interactive:true,
                    typeaheadjs: {
                        name: 'mem',
                        displayKey: 'text',
                        source: mem.ttAdapter()
                    }
                });
    </script>

Я использую следующие библиотеки:

1. https://code.jquery.com/jquery.min.js
2. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
3. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
4. https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.js
5. https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css
6. https://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js

Может кто-нибудь мне помочь?