Обработка событие load изображения

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
</script>
<title>Документ без названия</title>
 <script language="JavaScript">
var $img = $('#img');

$img.load(function(){
	alert("Сработало событие Load");
});

 </script>
</head> 
 
<body> 

 <img id="img" src="cr.gif" title="crimea"	alt="crimea" />

</body>
</html>
По идее сразу после загрузки картинки должно появиться сообщение, но этого не происходит
3 ответа

<img src="http://dl.dropbox.com/u/6001712/FF-audio/mozilla2.png" onload="alert('Изображение загрузилось')">


$('#myImage').attr('src', 'image.jpg').load(function() { 
 alert('Картинка загружена'); 
 });
Источник http://www.webmasters.by/articles/we...lent-tips.html


Может, стоит дождаться, пока загрузится DOM, перед тем, как что-то делать со страницей?