title: AngularJS select ng-change function not finding selected model
body: <p>I'm having trouble with some basic angular databinding.</p>
  
  <p>my view:</p>
  
  <pre><code>&lt;select
      ng-model="selectedPerson"
      ng-options="person.name for person in testdataset"
      ng-change="personChanged(selectedPerson)"&gt;
      &lt;option value=""&gt;All Persons&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>my controller:</p>
  
  <pre><code>$scope.testdataset = [
      {name:"bill"},
      {name:"bob"},
      {name:"batman"}
  ];
  $scope.personChanged = function(person) {
      console.log(person);
  }
  </code></pre>
  
  <p>This works great--selected name is logged.</p>
  
  <p>But this simply prints "undefined" when a name is selected</p>
  
  <p>view:</p>
  
  <pre><code>&lt;select
      ng-model="selectedPerson"
      ng-options="person.name for person in testdataset"
      ng-change="personChanged()"&gt;
      &lt;option value=""&gt;All Persons&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>controller:</p>
  
  <pre><code>$scope.testdataset = [
      {name:"bill"},
      {name:"bob"},
      {name:"batman"}
  ];
  $scope.personChanged = function() {
      console.log($scope.selectedPerson);
  }
  </code></pre>
  
  <p>I'm new to angular, and I'm just perplexed. I'm assuming it's got to do with the, er, "scope" of $scope inside the function, but I'm not sure how to troubleshoot...</p>