jquery for image croping does not work in content page but working in simple web page

<link href="_script/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script src="<%= Page.ResolveUrl("~/_script/jquery-1.2.6.js") %>" language="javascript" type="text/javascript"></script>
<script src="<%= Page.ResolveUrl("~/_script/jquery-1.5.1.min.js") %>" language="javascript" type="text/javascript"></script>
<script src="<%= Page.ResolveUrl("~/_script/jquery.Jcrop.min.js") %>" language="javascript" type="text/javascript"></script>
<script src="<%= Page.ResolveUrl("~/_script/jquery.Jcrop.js") %>" language="javascript" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
alert('test');
});
</script>
<script type="text/javascript">
$(function() {
$('#ImFullImage').Jcrop({

onSelect: updateCoords,
onChange: updateCoords

});
});
function updateCoords(c) {alert('jj');
$('#hfX').val(c.x);
$('#hfY').val(c.y);
$('#hfHeight').val(c.h);
$('#hfWidth').val(c.w);
}
</script>

<asp:HiddenField ID="hfX" runat="server" />

<asp:HiddenField ID="hfY" runat="server" />
<asp:HiddenField ID="hfHeight" runat="server" />
<asp:HiddenField ID="hfWidth" runat="server" />
<div>
Original Image: <br />
<asp:Image ID="ImFullImage" ImageUrl="~/Images/0305-CTY-MN-01C.jpg"
runat="server" /><br />
<asp:Button ID="btnCrop" runat="server" Text="Crop Image"
onclick="btnCrop_Click" /><br />
</div>
<br />
<div>
Cropped Image:<br />
<asp:Image ID="imCropped" runat="server"/>
</div>

Thanks for your reply.
It works in simple .aspx page but when using master page it does not work.