title: Is there a programatic way of knowing when DOM updates by jQuery have been completed?
body: <p>For example:</p>
  
  <pre><code>var $myContainer = $('#myContainer');
  $myContainer.html(someHtml);
  var width = $myContainer.height();
  var height = $myContainer.height();
  </code></pre>
  
  <p>If #myContainer was an empty div, width and height would still be zero.  A solution is to use a timeout:</p>
  
  <pre><code>var $myContainer = $('#myContainer');
  $myContainer.html(someHtml);
  setTimeout(function () {
      var width = $myContainer.height();
      var height = $myContainer.height();
  }, 500);
  </code></pre>
  
  <p>However, I don't like the magic number in there.  What if its a really slow browser?  Is there any reliable cross browser method available to tell me when the browser has rendered the changes?</p>