Javascript-форум - .load() загрузка блока HELP

Помогите разобраться с .load()

В приведенном примере кода document ready отрабатывает,
а .load() - не могу понять, что ему нужно - не выдает сообщение.
P.S. - картинки по 2.4 мБ, чтоб не летало.

Основное - мне нужно отловить событие загрузки блока ( "#product_box_first")

Попробовал заменить на:

$("#product_box_first").on('load', function(){
	$('#control').append('#product_box_first").load');	
});

Ррезультат- тот-же - нет ничего (((((((

:help:

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>

	<body>
		<div class="product_box" id="product_box_first">
				Тескт, и мого всякого-разного
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_01.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_02.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_03.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_04.jpg">
		</div>
		<div class="product_box product_box_next">
				Тескт, и мого всякого-разного
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_05.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_06.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_07.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_08.jpg">
		</div>
		<div class="product_box product_box_next">
				Тескт, и мого всякого-разного
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_09.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_10.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_11.jpg">
				<img src="http://web-art123.ru/support_library/1500_1500_big_size/1500x1500_12.jpg">
		</div>	
		<div id="control"></div>
	</body>
</html>
<style>

img { height:80px; width:80px; padding:5px;}
</style>
<script>
$(document).ready(function(){
	$('#control').append('<b>$(document).ready()<b><br>');
});

$("#product_box_first").load(function(){
	$('#control').append('#product_box_first").load');	
});

</script>