Jquery animate

Salam

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
mesafe=400;
document.onkeydown=knopka;
function knopka(key){
if(key.which==38){
mesafe=mesafe-10;
alert(mesafe);
}
}

$(function(){
$("#obyekt").animate({
"marginTop" : mesafe,
}, 1000)
})
</script>
<div id="zona">
<span id="obyekt">
Car
</span>
</div>

Deməli burada ox(38) knopkası basılanda məsafə dəyişəni azalır yəni düz işləyir ancaq jquery hissəsində düz işləmir məsafə dəyişəni dəyişsə də, obyektin yuxarıdan olan məsafəsi dəyişmir. Bu niyə belə olur?