title: No search on Enter key
body: <p>I just built a small search app for movies using AngularJS and Elasticsearch. I used the AngularJS UI Bootstrap Typeahead for autocomplete and in testing noticed something about user interaction.</p>
  
  <p>Say I want to search for actors named Tom. I type in "tom" in the search input and 5 suggestions appear - fine. However, it won't let me just search for "tom" if all I do is press Enter on the keyboard. It automatically selects the first suggestion in the dropdown. IT WILL just search for "tom" if I just click on the submit button. My form markup is below - where am I going wrong?</p>
  
  <p>I want to allow my users to be able to search for the queries they enter (when they press Enter) without being limited to just the suggestions provided...</p>
  
  <pre><code>&lt;div class="col-sm-3 col-md-6 pull-left" style="border: 1px solid red;"&gt;&lt;form name="q" ng-submit="vm.search()" class="navbar-form" role="search"&gt;
  &lt;div class="input-group input-group-md"&gt;
    &lt;input type="text" ng-model="vm.searchTerms" class="form-control input-md" placeholder="{{ vm.searchTerms }}" name="q" typeahead-show-hint="true" uib-typeahead="query for query in vm.getSuggestions($viewValue)" typeahead-on-select="vm.search($item)"&gt;
  
    &lt;span class="input-group-btn"&gt;
      &lt;button class="btn btn-primary btn-md" type="submit" id="results-search-btn" ng-submit="vm.search()"&gt;&lt;i class="fa fa-search fa-lg"&gt;&lt;/i&gt;
      &lt;/button&gt;
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>