jQuery 1.8 fade bug

by ALaguna

CSS

.box {
  height: 25px;
  width: 25px;
  background-color: pink;
  transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
}

JavaScript

(function($){
  var html = $('<div>',{
    'class' : 'box'}            
              )
      .hide()
      .appendTo('body')
      .fadeIn('slow');
})(jQuery);