title: I would like the average/100 to change according to user input in Hindi/100 or English/100
body: <p>So Currently the average is calculated in the HTML code. 
  If a user input is changed then the average breaks. What could I do to make the average update for every single person,</p>
  
  <p><strong>Controller</strong>
  </p>
  
  <pre><code>var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope)
  {
  $scope.names = [
      {name:'Priya',age:'19',gender:'Female',English:x[0], Hindi:x[1]},
      ...
      ...
      {name:'Jiah', age:'18', gender:'Female',English:x[18],Hindi:x[19]}
      ];
  
  $scope.sortColumn ="name";
  
  $scope.$watch('names', function(newVal) {
      var total = 0;
      angular.forEach(newVal, function(x) {
        total += parseInt(x.English) + parseInt(x.Hindi);
      });
      $scope.total = total 
  }, true);
  
  
  $scope.delete = function (name) 
  {
      $scope.names.splice( $scope.names.indexOf(name), 1 );
  }   
  });
  </code></pre>
  
  <p><strong>HTML</strong>
  This is the code where I want the average to change:</p>
  
  <pre><code> &lt;table&gt;    
          &lt;th&gt;NAME&lt;/th&gt;
          &lt;th&gt;AGE&lt;/th&gt;
          &lt;th&gt;GENDER&lt;/th&gt;
          &lt;th&gt;ENGLISH/100&lt;/th&gt;
          &lt;th&gt;HINDI/100&lt;/th&gt;
          &lt;th&gt;AVERAGE/100&lt;/th&gt;
  
      &lt;tr ng-repeat ="x in names | orderBy:sortColumn"&gt;
          &lt;td&gt;{{x.name}}&lt;/td&gt;
          &lt;td&gt;{{x.age}}&lt;/td&gt;
          &lt;td&gt;{{x.gender}}&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" ng-model="x.English"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" ng-model="x.Hindi"&gt;&lt;/td&gt;
          &lt;td ng-bind="avg=(x.English+x.Hindi)/2"&gt;{{avg}}&lt;/td&gt;
          &lt;td&gt;
              &lt;button&gt;&lt;a href="" ng-click="delete(x)" style="text-decoration:none;"&gt;Delete&lt;/a&gt;&lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>