title: Model isn't updating when selected option changes
body: <p>My Angular.js project features a select element bound to a model. On load the appropriate option is selected however selecting another option doesn't seem to update the model, at least not permanently. If I change the model programmatically however the results are as expected. </p>
  
  <p>The controller:</p>
  
  <pre><code>angular.module('myApp.controllers').controller('HomeCtrl',function($scope){
    $scope.month = "08"; // this default value is selected on-load as expected
    $scope.updateMonth = function() {
     console.log($scope.month); // this shows the original value not the newly selected value
     // a http request and other things happen here...
    };
    $scope.logMonth = function(month) {
     console.log(month); // this shows the newly selected value as expected
    }
   });
  </code></pre>
  
  <p>The template:</p>
  
  <pre><code>&lt;select ng-model="month" ng-change="logMonth(month);"&gt;
   &lt;option value="07"&gt;07&lt;/option&gt;
   &lt;option value="08"&gt;08&lt;/option&gt;
   &lt;option value="09"&gt;09&lt;/option&gt;
  &lt;/select&gt;
  &lt;button ng-click="updateMonth();"&gt;Update Month&lt;/button&gt;
  </code></pre>