title: Crossfading between images as background-image in Semantic-UI
body: <p>What I want is to crossfade between two images (in jsfiddle to simplify example I've used colors). The images have to be background of div.</p>
  
  <p>As you can see in the fiddle the behaviour is strange - after all div goes back to its previous css atribute.</p>
  
  <p>I use semantic-ui.</p>
  
  <p><a href="http://jsfiddle.net/ksf0jdmy/" rel="nofollow">http://jsfiddle.net/ksf0jdmy/</a></p>
  
  <p>jQuery code:</p>
  
  <p><code>$('#button').click(function () {
      $('#maindiv').transition('fade').css('background-color','red').transition('fade');
  });</code></p>