Typeahead - Bootstrap 3 - Doesn't pass selected typeahead

Question

As below you can see when I select a typeahead option and click submit, it does not save it and indeed doesn't pass it at all when I raise it.

This may be linked to a problem I have occasionally of two typeaheads appearing, I am not sure. I am also allowing the params. It works when I remove the JS below.

  $('.first_goal_box').typeahead([
    {
      name: 'Scorers',
      prefetch: './dashboard.json'
    }

  ]);

Answer 1

I switched it over to Typeahead for Bootstrap 3 .

$.get('./dashboard.json'. function(data){
  $(".typeahead").typeahead({ source:data});
},'json');