Filtering a limited ng-repeat

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="app.js"></script>
  </head>

  <body ng-app="app.test">
    <input type="text" ng-model="query"/>
    <ul>
      <li ng-repeat="a in testData | filter:query | limitTo: 100">{{a.name}}</li>
    </ul>
  </body>

</html>

(function (sandbox) {
    'use strict';

    sandbox.angular.module('app.test', [])
    .run(function ($rootScope) {
        $rootScope.testData = generateData(1000);

        function generateData(num) {
            var testData = [];
            for (var i = 0; i < num; i++) {
                testData.push({name: 'asd' + i, date: Date.now()});
            }
            return testData;
        }
    });
}(this));

/* Styles go here */