Esta es la primera vez que estoy usando jQuery. Estoy cargando una imagen de fondo grande y cuando está cargada la desvanezco en más de tres segundos. Este script funciona en Firefox y Chrome, pero no en IE (¡por supuesto!). ¿Hay alguna forma segura de hacerlo funcionar mágicamente en IE y hay alguna forma más bonita de escribirlo?

<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);
  });
});