title: Ember nested array property observable
body: <p>When setting property observable on a nested array in ember my property isn't notified.</p>
  
  <pre><code>size: function(){
        var result = "no size";
  
        this.get('data.properties').forEach(function (g) {
          if (g.group == "style") {
              g.items.forEach(function (p) {
                  if (p.id == 'size') result = p.computedValue();
              });
          }
        });
  
      console.log(result);
  
      return result;
  }.property('data.properties.@each.items.@each.value')
  </code></pre>
  
  <p>In this SO accepted answer : <a href="https://stackoverflow.com/a/9381152/2068563">https://stackoverflow.com/a/9381152/2068563</a>
  it says that this should work.</p>
  
  <p>But for me the propurty is only computed at init.
  here is the fiddle: <a href="http://jsfiddle.net/jmorvan/eVWfj/" rel="nofollow noreferrer">http://jsfiddle.net/jmorvan/eVWfj/</a></p>
  
  <p>Any ideas?</p>