title: Fade in/out not working in IE
body: <p>I just uploaded a new site and noticed after a while (my fault) that the fade in/fade out effect on the navigation menu does not work on IE. It's driving me crazy because it works perfectly in all other browsers. Any ideas why?</p>
  
  <p>Here is the link to the site: <a href="http://www.sveiki-constructions.com" rel="nofollow">http://www.sveiki-constructions.com</a>
  And here is the jquery:</p>
  
  <pre><code>$(document).ready(function(){
      function preload(arrayOfImages) {
              $(arrayOfImages).each(function(){
                 $('&lt;images/&gt;')[0].src = this;
  
      });
      }
      preload([
      'home_default.jpg',
      'home_lowbudget.jpg',
      'home_coldroom.jpg',
      'home_cleanroom.jpg',
      'home_distribution.jpg',
      'home_distribution.jpg',
      'home_mini.jpg',
      'home_panels.jpg'
  
      ]);
  
  
  
      $('.link ').hover(
          function(){
              $(this).css({'background-color':'#333333'});
  
              var imgloc= $(this).find('a').attr('alt');
              var oldpic =$('.homeContainer .image img');
              var oldsrc= $(oldpic).attr('src');
              var newpic =$('&lt;img src="images/' + imgloc + '.jpg"&gt;');
              var newsrc= $(newpic).attr('src');
  
              if(newsrc !== oldsrc){
                  $('.homeContainer .image').prepend(newpic);
                  newpic.hide();
                  newpic.fadeIn(500); 
                  oldpic.fadeOut(500, function(){
                      $this.remove();
                  });
                  }
  
              },
              function(){
              $(this).css({'background-color':'#1c3261'});
              })
  
          $('.homeContainer .image').prepend('&lt;img src="images/home_default.jpg"&gt;');
  
  });
  </code></pre>