Problemas ao atualizar a fonte de dados tipográfica do Bootstrap com resposta pós

sando o plug-in javascript typeahead do Bootstrap, estou tentando alterar o atributo de fonte de dados através do método $ .post do jQuery. Inicialmente, tenho:

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

Então, digamos que um botão é clicado e ele tenta atualizar a fonte de dados:

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

O resultado resp XHR retorna uma matriz como esta:

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

Estou descobrindo que isso não atualiza de maneira confiável a fonte de dados com uma nova matriz que foi construída na respost

Alguém sabe qual pode ser o problema?

Isso não parece capturar o valor selecionado. Alguém sabe como obter o valor selecionado usando typeahead com Bootstrap?

questionAnswers(2)

yourAnswerToTheQuestion