jquery - Bootstrap タグを使用したドロップダウン (typeahead.js) が機能しませんか?

Question

製品入力フィールドには、bootstrap.taginput で typeahead.js を使用する必要があります。

$('.product').tagsinput({
  typeahead: {
     source: function (query, process) {
        return $.getJSON(
            '<?php echo site_url("ajax/get_products"); ?>',
            { query: query },
            function (data) {
                return process(newData);
            });
        alert(newData);
    }
  }
});

これは私の戻りデータ形式です。

{
"1":{"id":"1","value":"Banana"},
"2":{"id":"2","value":"Dell Laptop"},
"3":{"id":"3","value":"Rent A car Management System"}
}

運が悪く、ドロップダウンも表示されず、inputTags も機能しません。

次の順序で追加したファイル、

bootstrap-tagsinput.css
typeahead.jquery.js
ブートストラップ-tagsinput.min.js

追加の css または js ファイルを含める必要がありますか、それともデータ形式などの他の問題がありますか?