Demo of moving element with postition display using JQuery

CSS

<style>
#d1 { position: relative; }
</style>

HTML

<input type=button id=b1 value='Animate'>
<img id='d1' src='pt.gif'>
<br><br>
<div id='d2'></div>

jquery

<script>
$(document).ready(function() {
$('#b1').click(function(){
var x=$("#d1").position();
$('#d2').html(x.left);
if(x.left<200){
 $("#d1").animate({left: "+=10px"});
}
})
})
</script>