$('button').click(function() {

  var $articleHTML = $(

  '<article class="article">' +

    '<a href=""><img src="http://placehold.it/100x100" alt=""></a>' +

    '<h1><a href="">article.reviewTitle</a></h1>' +

    '<p><a href="">article.reviewSummary</a></p>' +

  '</article>');

​

  $('body').append($articleHTML);

  $a = $('body').find("article");

  reDraw($a).then(function() {

    $a.addClass("animate");

  });

});

​

function reDraw($element) {

  var deferred = new $.Deferred();

  setTimeout(function() {

    var h = $element[0].offsetHeight;

    var s = $element[0].getComputedStyle;

    deferred.resolve();

  },0);

  return deferred.promise();

}