jQuery com jCrop

Erro ao redimensionar com o PHP

HTML

<script src="https://rawgithub.com/tapmodo/Jcrop/master/js/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/tapmodo/Jcrop/master/css/jquery.Jcrop.css">
<img
src="http://www.digitaltrends.com/wp-content/uploads/2013/03/fisker-karma-rendering-red.jpg"
id='target'>

	
    <form name='coordenadas' method='post'>
        <label>x1:</label><input class="x" name="x" type="text"/>
        <label>y1:</label><input class="y" name="y" type="text"/>
        <label>x2:</label><input class="x2" name="x2" type="text"/>
        <label>y2:</label><input class="y2" name="y2" type="text"/>
        <label>L:</label><input class="w" name="w" type="text"/>
        <label>A:</label><input class="h" name="h" type="text"/>		
	</form>

CSS

form{
    margin-top: 20px;
}

label{
    color: red;
    text-transform: uppercase;
}

input{
    width: 40px;
    margin-left: 5px;
}

JavaScript

$(function ($){
    
     function showCoords(c)
     {
         // variables can be accessed here as
         //alert(c.x, c.y, c.x2, c.y2, c.w, c.h);
         $(".x").val(c.x);
         $(".y").val(c.y);
         $(".x2").val(c.x2);
         $(".y2").val(c.y2);
         $(".w").val(c.w);
         $(".h").val(c.h);
     };
     
    $('#target').Jcrop({
         onSelect: showCoords,
         onChange: showCoords,
         aspectRatio: 960/720,
         boxWidth: 600,
         boxHeight: 400,
         bgColor: '#674323'
     });
});