Поле выбора заголовка в Twitter не удаляется после выбора

Question

Я реализую функцию typeahead ( typeahead ), используя twitter typeahead js и Bloodhound js

Мой код ниже

function taskTypeahead() {
$('.project_task_dropdown').change(function () {
var dropdown_name = $(this).attr("name");
var project_id = $("select[name='" + dropdown_name + "']").val();

var tasks = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('task_name', 'update_at', 'worked_by'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: '/dailystatus_infos/search_tasks/%QUERY/' + project_id,
    wildcard: '%QUERY',
    cache: false
  },

});
tasks.initialize();
$('.typeahead').typeahead({
    hint: true,
    highlightBloodhound: true,
    autoselect: true

  }, {
    name: 'daily_status_info',
    source: tasks.ttAdapter(),
    displayKey: 'task_name',
    async: true,
    templates: {

      empty: [
        '<div class="list-group search-results-dropdown"><div class="list-group-item">Nothing found.</div></div>'
      ],
      pending: function (data) {
        return '<div><img src="https://i.stack.imgur.com/h6viz.gif" height="30px;" <i>Loading...</i></div>';
      },
      suggestion: function (data) {
        return '<div class="suggestWrapper"><div class="StaskName">' + data.task_name + '</div> <div class="suggestBottom"> <span>worked on:' + data.update_at + ' </span> <span>Last Worked by:' + data.worked_by + ' </span></div> </div > '

      }
    }
  }

)
});

Я могу чтобы получить предложение, но когда я нажимаю на предложение или выбираю предложения, моё окно с предложением все равно отображается, а не скрывается.

Пожалуйста, помогите мне