Ввод тегов Bootstrap с предопределенным элементом Typeahead из списка

У меня есть вопрос относительно предварительного определения элемента в списке при вводе тегов начальной загрузки. Например. var city_list = ['Суматра', 'Ява', 'Сулавеси'] var city_choosen = ['Суматра']

Когда страница открывается, я хотел бы предопределить ввод с помощью Apple, но в документации метод .add вызывает дублирование на «Суматре». Я хочу определить его из существующего списка, а не добавлять новый.

Спасибо.

var tagInput = $('#inputCity');
    tagInput.tagsinput({
        itemValue: 'id',
        itemText: 'name',
        typeaheadjs: {
            autoselect: true,
            name: 'cities',
            displayKey: 'name',
            source: cities.ttAdapter()
        }
    })

tagInput.tagsinput('add', {"id":  2, 'name': "Sumatra Utara"});