title: Knockout js binding not updating
body: <p>I have a view model that contains a reference to another object and the referenced object is bound to my UI. The bindings seem to work fine when I'm adding objects to the observable array but don't seem to update when I clear the array. </p>
  
  <p>I've reproduced the issue is jsfiddle and I'm wondering if someone can point me in the right direction?</p>
  
  <p><a href="http://jsfiddle.net/chriswnichols/gcywcce7/" rel="nofollow">http://jsfiddle.net/chriswnichols/gcywcce7/</a></p>
  
  <pre><code>function County(name) {
      this.Name = name;
  }
  
  function ListCriteria() {
      var self = this;
      self.States = ko.observableArray([]);
      self.Counties = ko.observableArray([]);
      self.Zips = ko.observableArray([]);
      self.Cities = ko.observableArray([]);
      self.DobRanges = ko.observableArray([]);
      self.Clear = function () {
          self.States = ko.observableArray([]);
          self.Counties = ko.observableArray([]);
          self.Zips = ko.observableArray([]);
          self.Cities = ko.observableArray([]);
          self.DobRanges = ko.observableArray([]);
      };
  }
  
  var ViewModel = function () {
      var listCriteria = new ListCriteria(),
          reset = ko.computed(function () {
              listCriteria.Clear();
          });
      return {
          listCriteria: listCriteria,
          reset: reset
      }
  };
  viewModel = new ViewModel();
  ko.applyBindings(viewModel);
  </code></pre>
  
  <p>Thanks. </p>