javascript - Twitterのブートストラップのタイプアヘッドが機能しない

Question

私はtwitterのブートストラップタイプアヘッドに取り組んでいますが、エラーが発生していないのにオートコンプリートが機能していないため、立ち往生しています。

これは私の入力フィールドです

<input type="text" id="autocomplete" />

これが私のスクリプトです

<script>
    $('#autocomplete').typeahead({
            source: function(process) {
                var data =  <?php Widgets::allProducts() ?>;
                process(data);
        },

        matcher: function(item) {

            return
            item.name.toLocaleLowerCase()
                .indexOf(this.query.toLocaleLowerCase()) != -1;

        },
        highlighter: function(item) {
            return item.name;

        },
        updater: function (item) {
            alert(JSON.parse(item).value);
            return JSON.parse(item).name;

        }
    });

</script>

これが私のvar data見た目です

var data =  [{"name":"Acne.org","id":"5"},{"name":"AcneFree","id":"6"},{"name":"Alpha Hydrox","id":"16"},{"name":"AmLactin","id":"17"},{"name":"Astara","id":"21"}];

私がしたいのは、リストされている製品名 ( にあるname)を取得し、製品var dataを選択すると、ユーザーを製品ページにリダイレクトすることです (私が取得している製品 ID の助けを借りvar dataてid)。

エラーが発生していないため、この段階で迷っています。正しい方向へのプッシュに感謝します。