title: ng-options populated by ajax only displaying first letter in IE
body: <p>I am experiencing an odd issue in Angular, seemingly only in Internet Explorer 9.</p>
  
  <p>If you check the following jsfiddle: <a href="http://jsfiddle.net/U3pVM/382/" rel="nofollow noreferrer">http://jsfiddle.net/U3pVM/382/</a></p>
  
  <p>You can see that the 2 selects are populated, but the display in IE seems broken, and only the first letter, 'A' of 'Apple' is selected. All options display when the select is clicked on.</p>
  
  <p><img src="https://i.stack.imgur.com/3kb0w.png" alt="eg">.</p>
  
  <p>The code is very simple, I populate the variable that drives the select in the success callback.</p>
  
  <pre><code>.success(function (data) {
      $scope.ReasonsChoice_ajax = data;
  });
  </code></pre>
  
  <p>The ng-options code for the select is as follows;</p>
  
  <pre><code> &lt;select ng-model="Reason" ng-options="Reason for Reason in ReasonsChoice_ajax"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>I have noticed that the glitch doesn't happen if I am using a single select element, it is only when I display multiple selects in an ng-repeat that the issue happens.</p>