Не работает javascript в документе, вызванным AJAX
 

Здравствуйте, такая проблема, через AJAX в странице 1 получаю страницу 2.
В странице 2 находится код image cropper.
Когда отдельно открываю 2 страницу, image cropper работает, а когда с помощью AJAX показываю, не работает. В чем может быть проблема?

Вот код:

страница 1

<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);
}
});
return false;
});
});
</script>

Страница 2

<script type="text/javascript" charset="utf-8">
Event.observe (
window,
'load',
function() {
new Cropper.Img (
't3soeta',
{
minWidth: 200,
minHeight: 250,
ratioDim: { x: 200, y: 250 },
displayOnInit: true,
onEndCrop: saveCoords,
onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
}
)
}
);

function saveCoords (coords, dimensions)
{
$( 'x1' ).value = coords.x1;
$( 'y1' ).value = coords.y1;
$( 'width' ).value = dimensions.width;
$( 'height' ).value = dimensions.height;
}
</script>


<form action="saveCrop.php" method="post">
<h2>Image Cropping Tutorial (Without Preview)</h2>
<div>
<img src="../../images/lapsi.jpg" id="t3soeta" alt="New T3 Soeta" />
</div>

<input type="hidden" name="x1" id="x1" value="">
<input type="hidden" name="y1" id="y1" value="">
<input type="hidden" name="width" id="width" value="">
<input type="hidden" name="height" id="height" value="">
<input type="submit" name="Done" value=" Done ">
</form>

Скорее всего в отсутствии элементов на момент установки обработчиков...

Придется тебе изучить делегирование событий.