title: Knockout.Js Array filter syntax
body: <p>Just getting into javascript and knockout.js. I've found a bunch of examples of what I'm trying to accomplish. And I feel like there is a small syntax error I may be overlooking. I'm trying to filter a set already returned (<strong>this.tasks</strong>) from a server via ajax/json. I have that working fine. What I would like to do, is have users be able to switch between complete and incomplete tasks.  </p>
  
  <p>I switched the code to just run the foreach loop on tasksFiltered. "this.done" is either true or false.</p>
  
  <p>Task template</p>
  
  <pre><code>var taskModel = function(id, title, description, done){
      var self = this;
      this.id = ko.observable(id);
      this.title = ko.observable(title);
      this.description = ko.observable(description);
      this.done = ko.observable(done);
  
      this.showEdit = ko.observable(false);
      this.titleUpdate = ko.observable(false);
      this.descriptionUpdate = ko.observable(false);
  };
  </code></pre>
  
  <p>Page Model</p>
  
  <pre><code>var pageModelTasks = function(){
      var self = this;
      this.task_title = ko.observable("");
      this.task_description = ko.observable("");
          this.task_title_focus = ko.observable(true);
      this.tasks = ko.observableArray([]);
  
      this.tasksFiltered = ko.computed(function() {
          return ko.utils.arrayFilter(this.tasks, function(Task) {
          return Task.done == true;
        });
      });
  
     // CRUD functions excluded 
  }; 
  </code></pre>
  
  <p>this doesn't work.</p>