title: How to push/pop arrays in Ember.js?
body: <p>I can include an array in an Ember object, and display the contents using Handlebars. However, I can only replace the array contents using set(). How can I modify the array contents using push/pop/etc. and still have the UI bindings update?</p>
  
  <pre><code>// JS
  App.obj = Ember.Object.create({
      "things": ["1", "2"],
  });
  App.obj.set("things", ["1", "2", "3"]); // Works
  App.obj.things.push("3"); // Doesn't Work
  
  // HTML + Handlebars
  {{#with App.obj}}
      &lt;ul&gt;
      {{#each things}}
          &lt;li&gt;{{this}}&lt;/li&gt;
      {{/each}}
      &lt;/ul&gt;
  {{/with}}
  </code></pre>