title: ng-model is getting wrong value from dropdown
body: <p>My ng-model is updated with the first value when typing in a dropdown when some values SHARE start letters at captions.</p>
  
  <pre><code> &lt;div ng-app="dropDown" ng-controller="dropDownController"&gt;
        &lt;select name="StateId" ng-model="selectedState" class="form-control" ng-change="selectedStateChanged()" ng-options="(states.Abbrev + ' - ' + states.Name) for states in states"&gt;&lt;/select&gt;
        &lt;span&gt;{{selectedState.Name||''}}&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Plnkr</strong>
  <a href="http://plnkr.co/edit/pLVzK18iJxrmrL9Oiw4b?p=preview" rel="nofollow">http://plnkr.co/edit/pLVzK18iJxrmrL9Oiw4b?p=preview</a></p>
  
  <p><strong>Scenario to test:</strong></p>
  
  <ol>
  <li>Click on any part of the form. </li>
  <li>Click Tab to focus the Dropdown.</li>
  <li>Start typing 'TX'</li>
  </ol>
  
  <p>Result:
   - 'TX - TEXAS' option is displayed on drowpdown.
   - $scope.selectedState value IS {Name:'TENNESSEE'}</p>
  
  <p>Expected: </p>
  
  <ul>
  <li>'TX - TEXAS' option is displayed on drowpdown.</li>
  <li>$scope.selectedState value should be {Name:'TEXAS'}</li>
  </ul>
  
  <p>I'm gonna work this out by using plain javascript, in the meantime, I would like to know if theres any AngularJS solution out there.</p>
  
  <p>Thanks in advance.</p>