title: Ember Data DS.Store.filter() not working on nested routes?
body: <p>I'm using Ember v1.4.0 and Ember Data v1.0.0 beta 5. I am having trouble getting the DS.Store.filter() function to work. When I go to the <code>#/orders</code> route, I see my list of orders. But when I go to the route <code>#/orders/created</code>, the full list of orders is shown, no matter how I implement the filter function. In addition, when I edit the <code>#/orders</code> route and put a filter on it, it works on that route and on the <code>#/orders/created</code> route. Its like the model never gets changed in the child route. Any help would be greatly appreciated.</p>
  
  <p>The JSON returned from the server is:
  </p>
  
  <pre><code>    {
        "orders": [
          {
            "id": 1,
            "name": "Order 1",
            "creationDate": "2014-01-01",
            "step": "created",
            "test": true
          },
          {
            "id": 2,
            "name": "Order 2",
            "creationDate": "2014-02-02",
            "step": "created",
            "test": false
          },
          {
            "id": 3,
            "name": "Order 3",
            "creationDate": "2014-03-03",
            "step": "outforbid",
            "test": true
          }
        ]
      }
  </code></pre>
  
  <p>The model is:
  </p>
  
  <pre><code>App.Order = DS.Model.extend({
      name: DS.attr('string'),
      creationDate: DS.attr('string'),
      step: DS.attr('string'),
      test: DS.attr('boolean'),
  
      isCreated: function() {
          return this.get('step') == 'created';
      }.property('step')
  });
  </code></pre>
  
  <p>Here's my templates:
  </p>
  
  <pre><code>&lt;!-- orders template --&gt;
  &lt;script type="text/x-handlebars" data-template-name="orders"&gt;
    &lt;h2&gt;Orders&lt;/h2&gt;
    {{order-list orders=model}}
  &lt;/script&gt;
  
  &lt;!-- component - order list --&gt;
  &lt;script type="text/x-handlebars" data-template-name="components/order-list"&gt;
    &lt;ul&gt;
    {{#each order in orders}}
      &lt;li&gt;{{order-list-element name=order.name creationDate=order.creationDate}}&lt;/li&gt;
    {{/each}}
    &lt;/ul&gt;
  &lt;/script&gt;
  
  &lt;!-- component - order list element --&gt;
  &lt;script type="text/x-handlebars" data-template-name="components/order-list-element"&gt;
    &lt;strong&gt;{{name}}&lt;/strong&gt;: {{prettifyDate creationDate}}
  &lt;/script&gt;
  </code></pre>
  
  <p>And the routing:
  </p>
  
  <pre><code>App.Router.map( function() {
      this.resource('orders', function() {
          this.route('created');
      });
  });
  
  App.AuthenticatedRoute = Ember.Route.extend({
      beforeModel: function(transition) {
          var applicationController = this.controllerFor('application');
      if (!localStorage.token) {
          applicationController.set('savedTransition', transition);
              this.transitionTo('login');
          } else {
              applicationController.login();
          }
      },
  
      actions: {
          error: function(reason, transition) {
              if(reason.status === 401) {
                  var applicationController = this.controllerFor('application');
                  applicationController.set('savedTransition', transition);
                  this.transitionTo('login');
              } else {
                  alert("Unexpected error: " + error.message);
                  console.log("Unexpected error: " + error.message);
              }
          }
      }
  });
  
  App.OrdersRoute = App.AuthenticatedRoute.extend({
      model: function() {
          return this.store.find('order');
      }
  });
  
  App.OrdersCreatedRoute = App.AuthenticatedRoute.extend({
      model: function() {
          return this.store.filter('order', function(order) {
              return (order.get('step') === 'created');
          });
      }
  });
  </code></pre>
  
  <p>And the application setup:
  </p>
  
  <pre><code>App = Ember.Application.create();
  
  App.ApplicationAdapter = DS.RESTAdapter.extend({
      headers: {
          "token": localStorage.token
      },
      namespace: 'api'
  });
  </code></pre>
  
  <p>I've tried using the filterBy and the parent model:
  </p>
  
  <pre><code>model: function() {
      return this.modelFor('orders').filterBy('isCreated');
  }
  </code></pre>
  
  <p>And using a computed value:
  </p>
  
  <pre><code>model: function() {
      return this.store.filter('order', function(order) {
          return order.get('isCreated');
      });
  }
  </code></pre>
  
  <p>But nothing works. Can anyone please give me some insight into why the filter functions on the nested route does not work? Thank you!</p>