Не работает 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);
}
});
returnfalse;
});
});
</script>

Страница2

<script type="text/javascript" charset="utf-8">
Event.observe (
window,
'load',
function(){
newCropper.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>ImageCroppingTutorial(WithoutPreview)</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>

 

В каких пробелах?

 

Это тут без пробелов, на странице сайта с пробелами