Edit in JSFiddle

/* ------------------------------------------------------- 

* Filename:     Custom Filters
* Website:      http://www.shanidkv.com
* Description:  Shanidkv AngularJS blog
* Author:       Muhammed Shanid [email protected]

---------------------------------------------------------*/

function namesRecord($scope) {
    $scope.names = [
        {name:'Shanid',country:'India'},
        {name:'Shebil',country:'USA'},
        {name:'Joy Mathew',country:'Denmark'},
        {name:'Arjun Joy',country:'Australia'}
    ];
}

<div class="filterwrap" ng-app="" ng-controller="namesRecord">

    <div class="filter">Search: <input type="text" ng-model="record"></div>
    
    <ul>
      <li ng-repeat="x in names | filter:record | orderBy:'name'">
          {{ (x.name) + ', ' + (x.country|uppercase) }}
      </li>
    </ul>
        
</div>

.filterwrap{
    font-family: arial;
    font-size: 12px;
    line-height: 150%;
}

.filter{
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    display: inline-block;
}