title: AngularJs Select Not Updating When Model Updated
body: <p>I'm trying to programmatically update the selected item from my controller and it's not working. When I click the submit button, all it does is clear out the select. What I expect is that the second option (Perth) gets selected.</p>
  
  <p>Look at this plunker for more info. <a href="http://jsfiddle.net/ky5F4/" rel="nofollow">http://jsfiddle.net/ky5F4/</a></p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;div ng-controller="MyController" ng-app&gt;
      &lt;div&gt;Number of datasets= {{datasets.length}}&lt;/div&gt;
      &lt;div&gt;
          &lt;select class="dataset" size="1" ng-model="selectedDataset"&gt;
              &lt;option ng:repeat="dataset in datasets" value="{{dataset.name}}"&gt;
                  &lt;h3&gt;{{dataset.name}}&lt;/h3&gt;
              &lt;/option&gt;
      &lt;/div&gt;
      &lt;input type="button" value="submit" ng-click="Select()"&gt;&lt;/input&gt;
  &lt;/div&gt;
  
  function MyController($scope) {
      $scope.datasets = [{
          id: 'id-1',
          name: 'Brisbane'
      }, {
          id: 'id-2',
          name: 'Perth'
      }, {
          id: 'id-3',
          name: 'Melbourne'
      }];
  
      $scope.selectedDataset = 'id-1';
  
      $scope.Select = function () {
          alert('testing');
          $scope.selectedDataset = 'id-2';
      }
  }
  </code></pre>