title: Value from input to Angular scope (filter)
body: <p>I am working for the first time on a custom filter and the basic principal is working (it displays all the cd's of the artist from 7 and up). However it does not update the filter once I change the value (it keeps the same value "7" all the time. This is what I have so far:</p>
  
  <p>HTML INPUT</p>
  
  <pre><code>&lt;input type="number" value="7" id="numberOfCdsByArtist"&gt;
  </code></pre>
  
  <p>CONTROLLER:</p>
  
  <pre><code>$scope. = function (Artist) {
      var numberOfCdsByArtist = $('#numberOfCdsByArtist')[0].value;
      return Artist.numberOfCDs &gt;= numberOfCdsByArtist ;
  }
  </code></pre>
  
  <p>NG-REPEAT:</p>
  
  <pre><code>&lt;div class="Artists" ng-repeat="Artist in Artists | orderBy:'Name' | filter:CDnumber"&gt;
    &lt;div&gt;{{Artist.Name}}{{Artist.numberOfCDs}}
  &lt;/div&gt;
  </code></pre>