Jquery fadein fadeout works in chrome but not in firefox IE
===

This Javascript function works fine in chrome but doesn't work in firefox. Does anybody know why? I'm just fading and changing the text and picture.

        <script>

       var img = 0;
      var imgs = [
    'http://www.istockphoto.com/file_thumbview_approve/9958532/2/istockphoto_9958532-sun-and-clouds.jpg',
    'http://www.istockphoto.com/file_thumbview_approve/4629609/2/istockphoto_4629609-green-field.jpg'
     ];

    $(function(){
      $('.map').vectorMap({
        map: 'us_en',

	onRegionClick: function(event, code){
    if (code == 'US-MA' && form.month.value == "January") {
		
		img++;
	   	   
	   $('#picture1').fadeOut('slow',function() {
        $(this).attr('src',imgs[(img)%2]).fadeIn('slow');
    });
	   
	   $('#texts').fadeOut('slow',function() {
     $(this).text("World").fadeIn('slow');
        });

        }
      }
           });


    });
  </script>

the html is just a image and text

<img id="picture1" width="100" height="100" src="" />
<div align="center" id="texts">This is sample text</div>​

Thanks