title: Do something when ember is done with DOM updates
body: <p>I want to do stuff when ember bindings have synchronized and the DOM is again up to date.</p>
  
  <p>I have tried with a callback from the function that manipulates the binded model, DOM is not updated when callback is executed.</p>
  
  <p>I have tried with an observer directly on the model, DOM is not updated when the observer is executed.</p>
  
  <p>I have tried with an observer on the binding, DOM is not updated when the observer is executed.</p>
  
  <p>e.g.</p>
  
  <pre><code>App.view = Ember.View.extend({
      modelBinding: 'App.model',
      modelChanged : function() {
          window.scrollTo(0, document.body.scrollHeight);
      }.observes('model'),
  
      getMore: function(event) {
          App.set('model', "somethingnew");
      }
  });
  </code></pre>
  
  <p>When I fire the "gotMore", I update the model, and when the model is updated and its changes have been rendered I want to scroll down.</p>
  
  <p>In none of the ways I've tried have I been able to get the new scrollHeight. It is set a few ms after these events.</p>
  
  <p>Here's an example on jsFiddle:
  <a href="http://jsfiddle.net/kcjzw/15/" rel="nofollow">http://jsfiddle.net/kcjzw/15/</a></p>