title: How to turn nested plain js objects into Ember.js objects?
body: <p>If I have a nested set of plain old javascript objects (for example, having been returned from JSON), how do I them into Ember.js objects (or at least getting the binding functionality working)?</p>
  
  <p>For example, if I have an object like:</p>
  
  <pre><code>var x = {
    bar: {
      baz: "quux"
    }
  }
  </code></pre>
  
  <p>Then I turn that into an Ember object:</p>
  
  <pre><code>var y = Ember.Object.create(x);
  </code></pre>
  
  <p>Then setting the value of "baz" won't update any views I have, because it is just a normal js object, not an Ember object.</p>
  
  <p>I know I can just recursively go over the object keys, and do Ember.Object.create all the way down, but is there an alternative approach?</p>