Esta é a primeira vez que estou usando o jQuery. Estou carregando uma imagem de fundo grande e quando ela está carregada, estou desbotando em mais de três segundos. Este script funciona no Firefox e no Chrome, mas não no IE (claro!). Existe alguma maneira segura de fazê-lo magicamente funcionar no IE e existe alguma maneira mais bonita de escrevê-lo?

<div class="bgImage" />

$(document).ready(function () {
  // add bg image and fade
  var _image = new Image();
  _image.id = 'newImageId';
  _image.src = "./css/background.jpg";

  $(_image).load(function () {
    $('div.bgImage').css('background-image', 'url(./css/background.jpg)');
    $('div.bgImage').fadeTo(3000, 1);
  });
});