Typeahead и Bloodhound - как получить результат JSON

У меня есть список json стран: http://vocab.nic.in/rest.php/country/json

И я пытаюсь получить country_id и название страны с движком Bloodhound. O пробовал следующий код:

var countries = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('country_name'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 10,
    prefetch: {
        url: 'http://vocab.nic.in/rest.php/country/json',
        filter: function(response) {
            return response.countries;
        }
    }
});

$('#my-input').typeahead({
        hint: true,
        highlight: true,
        minLength: 1
    },
    {
        name: 'states',
        displayKey: 'value',
        source: countries.ttAdapter()
    });

Что не работает. Как мне изменить код, чтобы сделать эту работу?

// instantiate the bloodhound suggestion engine var countries = new Bloodhound({ datumTokenizer: function(countries) { return Bloodhound.tokenizers.whitespace(countries.value); }, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: "http://vocab.nic.in/rest.php/country/json", filter: function(response) { return response.countries; } } }); // initialize the bloodhound suggestion engine countries.initialize(); // instantiate the typeahead UI $('.typeahead').typeahead( { hint: true, highlight: true, minLength: 1 }, { name: 'countries', displayKey: function(countries) { return countries.country.country_name; }, source: countries.ttAdapter() });

Ответ 1