title: filter not work properly with group by in angular js
body: <p>When i have search with comedy then its also give the result while we want<br>
  filter only with title not with category. so count and result will be wrong.
  can any body suggest me how can we develop the custom filter with group by or have any other way on same.</p>
  
  <p>my Code is </p>
  
  <pre><code>&lt;script&gt;
  var myApp = angular.module('myApp', ['angular.filter']);
  
  myApp.controller("MyController", function ($scope) 
  {
      $scope.movies = 
      [
          { title: 'The Matrix', rating: 7.5, category: 'Action' },
          { title: 'Focus', rating: 6.9, category: 'Comedy' },
          { title: 'The Lazarus Effect', rating: 6.4, category: 'Thriller' },
          { title: 'Everly', rating: 5.0, category: 'Action' },
          { title: 'Maps to the Stars', rating: 7.5, category: 'Drama' }
      ];
  });     
  
  &lt;/script&gt;
  &lt;div ng-controller="MyController"&gt; 
      &lt;div class="searchBar"&gt;
          &lt;input type="text" name="title" ng-model="title" placeholder="Search..." /&gt;
      &lt;/div&gt;
      &lt;ul class="angularList" ng-repeat="(key, value) in movies  | groupBy: 'category'"&gt;
          &lt;h3&gt;{{ key }} ({{ value.length }})&lt;/h3&gt;
          &lt;li ng-repeat="movie in value | filter:title"&gt;
              &lt;a href="#"&gt;{{ movie.title }}&lt;/a&gt;&lt;br /&gt;
              &lt;div class="rating_box"&gt;
                  &lt;div class="rating" style="width:{{movie.rating*10}}%"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;               
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>