Search (Filter) HTML Table created using ng-repeat in AngularJS

<form id="form1" runat="server">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script type="text/javascript">
    var app = angular.module('MyApp', [])
    app.controller('MyController', function ($scope) {
        $scope.Customers = [{ CustomerId: 1, Name: "John Hammond", Country: "United States" },
                            { CustomerId: 2, Name: "Mudassar Khan", Country: "India" },
                            { CustomerId: 3, Name: "Suzanne Mathews", Country: "France" },
                            { CustomerId: 4, Name: "Robert Schidner", Country: "Russia"}];
    });
</script>
<div ng-app="MyApp" ng-controller="MyController">
    <input type="text" ng-model="customer" />
    <hr />
    <table border="1" cellpadding="1" cellspacing="1">
        <tr>
            <th>Customer Id</th>
            <th>Name</th>
            <th>Country</th>
        </tr>
        <tbody ng-repeat="m in Customers | filter : customer">
            <tr>
                <td>{{m.CustomerId}}</td>
                <td>{{m.Name}}</td>
                <td>{{m.Country}}</td>
            </tr>
        </tbody>
    </table>
</div>