title: AngularJS showing the first item from the list in IE11 when any item is selected
body: <p>When I select an item that is not the first one in the list, IE11 on Windows 7/8 shows the first. If I re-select, the problem goes away. It only occurs once after the page load. I have not tested in older versions of IE. </p>
  
  <p>I tried the code with older versions of AngularJS as well. Same code behaves as expected in Chrome.</p>
  
  <p>Is this a problem with IE or is there a known workaround for this? Or is it a problem with the code?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
   &lt;html ng-app="plunker"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;AngularJS Plunker&lt;/title&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/2.2.9/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="MainCtrl"&gt;
      &lt;select data-ng-model="selecteditem" data-ng-options="item for item in items"&gt;&lt;/select&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.items = ['item1', 'item2', 'item3'];
    $scope.selecteditem = "";
  });
  </code></pre>
  
  <p>Setting selected item value doesn't seem to work for array of objects.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
   &lt;html ng-app="plunker"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;AngularJS Plunker&lt;/title&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="MainCtrl"&gt;
      &lt;select data-ng-model="selecteditem" data-ng-options="item.name for item in items"&gt;&lt;/select&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.items = [{name:'item1'}, {name:'item2'}, {name:'item3'}];
    $scope.selecteditem = {name:'item1'};
  });
  </code></pre>
  
  <p>Here is the showing the behavior <a href="http://plnkr.co/edit/ojAhTP50iHS030tezhQ3" rel="nofollow">http://plnkr.co/edit/ojAhTP50iHS030tezhQ3</a></p>