Используя Bootstrap плагин typeahead javascript, я пытаюсь изменить атрибут источника данных с помощью метода jQuery $ .post. Изначально у меня есть:

<input type="text" data-provide="typeahead" data-source="["Option 1","Option 2","Option 3"]">

Затем, скажем, кнопка нажата, и она пытается обновить источник данных:

 $('button').on('click',function(){
     $.post('update.php',function(resp){
          $('input').attr('data-source',resp);
     });
  });

Результат XHR возвращает массив, подобный этому:

  ["One Option","Two Option","Three Option"]

Я обнаружил, что это не позволяет достоверно обновить источник данных новым массивом, который был создан в ответе.

Кто-нибудь знает, в чем может быть проблема?

Это не похоже на захват выбранного значения. Кто-нибудь знает, как получить выбранное значение, используя typeahead с Bootstrap?