title: Ember 2 select dependency
body: <p>I'm trying to create a depency between two select boxes in ember.
  I found a solution for an older version of ember:
  <a href="http://jsbin.com/cibonulora/1/edit" rel="nofollow">http://jsbin.com/cibonulora/1/edit</a></p>
  
  <p>But with the new version and with a complete model with json+rest, i can´t seem to get it working.
  <a href="http://jsbin.com/jumiwogugi/4/edit?html,js,console,output" rel="nofollow">http://jsbin.com/jumiwogugi/4/edit?html,js,console,output</a></p>
  
  <p>When i select one item in the checkbox it should filter the elements on the second. but nothing happens.</p>
  
  <p>Thanks</p>
  
  <p>My code: </p>
  
  <pre><code>App = Ember.Application.create({});
  
  App.IndexRoute = Ember.Route.extend({
      setupController : function(controller, model) {
          this._super(controller, model);
        controller.set('producttypes', this.store.find('producttype'));
      }
  });
  
  
  
  
  
  App.ProducttypesController = Ember.Object.create({
    content: null
  });
  
  App.ProductsubtypesController = Ember.Object.create({
    content: null
  });
  
  
  App.ProductsubtypeController = Ember.ArrayController.extend({
    active: function() {
      alert(""); }.property("App.selectedProductType.content").cacheable()
  });
  
  
  
  
  
  
  
  //model
  
  App.Producttype = DS.Model.extend({
      name: DS.attr(),
  });
  
  App.Productsubtype = DS.Model.extend({
      name: DS.attr(),
  });
  
  var producttypes = {
    "producttypes":[
      {"id":1,"name":"type1"},
      {"id":2,"name":"type2"},
      {"id":3,"name":"type3"}   
    ]  
  };
  var productsubtypes = {
    "productsubtypes":[
      {"id":4,"name":"type4","type_id":"1"},
      {"id":5,"name":"type5","type_id":"1"},
      {"id":6,"name":"type6","type_id":"3"}   
    ]  
  };
  
  $.mockjax({
      url:  '/producttypes',
      dataType: 'json',
      type: 'get',
      responseText: producttypes
  });
  $.mockjax({
      url:  '/productsubtypes',
      dataType: 'json',
      type: 'get',
      responseText: productsubtypes
  });
  </code></pre>