title: filter multiple fields using single input in AngularJS
body: <p>I have a JSON object which is as follows </p>
  
  <pre><code>[{
      "id": 1,
      "firstName": "Jennifer",
      "middleName": null,
      "lastName": "Aniston",
      "address": "New York City",
  }, {
      "id": 2,
      "firstName": "Angelina",
      "middleName": null,
      "lastName": "Jolie",
      "address": "Beverley Hills",
  }, {
      "id": 3,
      "firstName": "Emma",
      "middleName": null,
      "lastName": "Watson",
      "address": "London",
  }]
  </code></pre>
  
  <p>I'm populating this data in view using ng-repeat. </p>
  
  <pre><code>&lt;td ng-repeat="row in list | filter:filterBeauties"&gt;
  {{row.firstName}} {{row.lastName}}
  &lt;/td&gt;
  </code></pre>
  
  <p>Now I have an input box which I'd like to use to filter these names. I would like to use same input box to filter firstName and then filter lastName and don't filter anything else (eg. address).</p>
  
  <pre><code>&lt;input type="text" placeholder="Filter" ng-model="filterBeauties.firstName"&gt;
  </code></pre>
  
  <p>Any idea how can I achieve it? </p>