自动完成Tokenfield Bootstrap数据无法重新加载

Question

我在bootstrap中使用自动完成标记令牌字段。我遇到了麻烦，使用以下代码我可以在第一次输入文本框时加载数据，否则，数据不会重新加载。我错过了什么？

  var engine = new Bloodhound({
                //local: [{ value: 'red' }, { value: 'red12' }, { value: 'red1' }, { value: 'blue' }, { value: 'green' }, { value: 'yellow' }, { value: 'violet' }, { value: 'brown' }, { value: 'purple' }, { value: 'black' }, { value: 'white' }],
                datumTokenizer: function (d) {
                   return Bloodhound.tokenizers.whitespace(d.value);
                },
                queryTokenizer: Bloodhound.tokenizers.whitespace,
                remote: {
                    url: 'page.aspx/method',
                    ajax: {
                        type: "POST",
                        data: '{ query:"' + $('#cc').val() + '"}',
                        contentType: "application/json; charset=utf-8",
                        dataType: "json"
                    },
                    filter: function (data) {
                        var obj = JSON.parse(data.d);
                        return obj;
                    }
                }
            });
            engine.initialize();

            $('#to').tokenfield({
                typeahead: [null, { source: engine.ttAdapter() }]
            });