title: replaceWith() while elements fadeOut() and fadeIn() in JQuery
body: <p>What I'm trying to do is simply, fadeout all images inside containers, replace #next1's image to #active and after that fadein all images again.</p>
  
  <p>here is my code:</p>
  
  <pre><code>$('.logo').fadeOut('slow', function() {
      $('#active&gt;img').replaceWith( $('#next1&gt;img') );
  }).fadeIn('slow', function() {});
  </code></pre>
  
  <p>this does not work. i found myself looking at the empty #active</p>
  
  <p>but this however;</p>
  
  <pre><code>$('.logo').fadeOut('slow', function() {}).fadeIn('slow', function() {});
  $('#active&gt;img').replaceWith( $('#next1&gt;img') );
  </code></pre>
  
  <p>makes the replacing just fine but not the animation i'm trying to do.</p>
  
  <p>i get same results with both chrome and ie.</p>