Jquery – Safari 5.05 is troubling

<script type="text/javascript" >
// when the DOM is ready
console.log("start js");
$(document).ready(function () {
console.log("start function")
  var img = new Image();                // wrap our new image in jQuery, then:
  $(img).load(function () {               // once the image has loaded, execute this code
      //$(this).hide();                   // set the image hidden by default  won't work in Safari 
      //$(this).appendTo("body");            //will work in Safari?
      $(this).css('display','none');    //will work in Safari?
        console.log("we've loaded the image")
            $('#loader')
            .removeClass('loading')     // remove the loading class (so no background spinner)
            .append(this);                // then insert our image
            $(this).fadeIn(1000);        // fade our image in to create a nice effect
    }).error(function () {                // if there was an error loading the image, react accordingly
          console.log("Error")             // notify the user that the image could not be loaded
    }).attr({src: 'images/home_page/10_birthday/10_birthday_badges.jpg',usemap:'#birthdaymap',alt:'Firebrand Training'});     // *finally*, set the src attribute of the new image to our image
    console.log("show image")
});
      console.log("end function")
</script>
------------
    <div id="loader" class="loading">
        <map name="birthdaymap">
            <!-- rob_stef_msg -->
            <div class="bubbleInfo">.........................................