Tokenfield с автозаполнением JQuery UI

Question

Я использую маркер Bootstrap с автозаполнением пользовательского интерфейса jQuery. Но в списке ничего не отображается, кроме пустых полей.

Это мой код:

$('#country').tokenfield({
   autocomplete: {
      source: "/country", minLength: 1
   },
   showAutocompleteOnFocus: true
});

Источник возвращает соответствующие данные, но предложение автозаполнения пустое.

Есть ли какое-то решение для этого или я что-то упустил в моем коде? Пожалуйста, помогите мне с этим.

Данные возвращаются из источника (когда я печатаю ind):-

[
   {"id":"1","dat":"India"},   
   {"id":"2","dat":"Indonesia"}              
]

Спасибо

Answer 1

Возвращаемые данные должны быть в этом формате

[
   {"value":"1","label":"India"},   
   {"value":"2","label":"Indonesia"}              
]