Проблема с обновлением источника данных Bootstrap typeahead с помощью пост-ответа

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

<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);
     });
  });

Результат resp XHR возвращает такой массив:

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

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

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

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