keyUp filter function

app.js

App.Filter = Ember.TextField.extend({
  keyUp: function() {
    var array = App.Movies.FIXTURES;
    for (var i = array.length - 1; i >= 0; i--) {
      var name = array[i].name,
          id = array[i].id,
          movie = App.Movies.find(id);
      if(name.toLowerCase().indexOf(this.get('value')) !== -1){
        movie.set('isHidden', false);
      } else {
        movie.set('isHidden', true);
      }
    }
  }
});

view.html

    <script type="text/x-handlebars" data-template-name="_movieMenu">
      {{view App.Filter class="span12" placeholder="Filter"}}
      <ul class="unstyled well">
        {{#each movie in controller}}
          <li  {{bindAttr class="movie.isHidden:hidden:visible"}}>
            {{#linkTo "movie" movie}}
              {{ movie.name }}
            {{/linkTo}}
          </li>
        {{/each}}
      </ul>
    </script>