title: ng-repeat filter to reset after I hide the search textfield
body: <p>I've a search type textfield serving as a filter for the ng-repeat list.</p>
  
  <pre><code>&lt;div class="search pull-right"&gt;
      &lt;div class="magnify"&gt;&lt;img src="img/magnify.png" ng-click="magnify()"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="search-box" ng-show="showSearch"&gt;
      &lt;input type="search" id="searchField" name="" value="" placeholder="Search" class="textfield" ng-model="search.firstName" /&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>once I hide the search field, the results are stucked and not getting reset,</p>
  
  <p>in the magnify function defined on scope I'm setting showSearch to true/false</p>
  
  <p>Things I've tried without success. </p>
  
  <pre><code>document.getElementById("searchField").value = "";
  $scope.search.firstName='';
  </code></pre>
  
  <p>and my template</p>
  
  <pre><code>&lt;li class="table-view-cell attendee" ng-repeat="attendee in attendees | filter:search"&gt;
      &lt;h2 class="name"&gt;{{attendee.firstName}} {{attendee.lastName}}&lt;/h2&gt;
      &lt;span class="job"&gt;{{attendee.title}}&lt;/span&gt;
      &lt;span class="company"&gt;{{attendee.company}}&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>