title: ui-select inside ng-repeat highlights too many items on the first popout
body: <p>I have the following issue with ui-select:</p>
  
  <ul>
  <li>All choices inside dropdown list are highlighted in blue background color for the first ui-select element.</li>
  </ul>
  
  <p>Please refer to <a href="http://plnkr.co/edit/1jtIXKXNyPZI9P2Jm63J?p=preview" rel="nofollow">this plunk</a>.</p>
  
  <pre><code>&lt;form&gt;
  &lt;div ng-repeat="e in entries"&gt;
    &lt;div class="form-group"&gt;
      &lt;div class="col-xs-8"&gt;
        &lt;ui-select ng-model="e.$account" &gt;
          &lt;ui-select-match&gt;{{ $select.selected.code }}&lt;/ui-select-match&gt;
          &lt;ui-select-choices repeat="acct in accounts | filter: $select.search"&gt;
              &lt;span ng-bind-html="(acct.code + ' - ' + acct.name) 
                            | highlight: $select.search"&gt;&lt;/span&gt;
          &lt;/ui-select-choices&gt;
        &lt;/ui-select&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-4"&gt;
        &lt;input type="text" class="form-control text-right" ng-model="e.amount"/&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  
  angular.module('demo', ['ui.select'])
  .controller('DemoCtrl', ['$scope', '$location', '$timeout', 
  function ($scope, $location, $timeout) {
    $scope.accounts = [
      {code: '100',  name: 'Cash'},
      {code: '200',  name: 'Accounts receivable'},
      {code: '300',  name: 'Inventory'}
    ];
  
    $scope.entries = [
      {'$account': $scope.accounts[0], amount: 500},
      {'$account': $scope.accounts[2], amount: 920}
    ];
  }]);
  </code></pre>