angularjs ngRepeat not update

<!DOCTYPE html>
<html ng-app="binding">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-touch.min.js" type="text/javascript"></script>
<script type="text/javascript">
var app = angular.module("binding", ["ngTouch"]);

app.controller("bindingCtrl", function($scope) {
  $scope.list = [
  ];
  $scope.list.add = function() {
    var item = {
      date: new Date(),
      number : ("0000" + Math.floor(Math.random() * 10000)).slice(-4)
    };
    $scope.list.push(item);
    console.log($scope.list);
  };
});
</script>
</head>
<body>
<div ng-controller="bindingCtrl">
<button ng-click="list.add()">button</button>
</div>
<div ng-controller="bindingCtrl">
<table>
<tbody>
<tr ng-repeat="item in list"><td>{{item.number}}</td><td>{{item.date}}</td></tr>
</tbody>
</table>
</div>
</body>
</html>