animating a div based on its existing position
<p>I am trying to animate a div -1500px every time my .btn-arrow button is clicked by grabbing the current position of #content</p>

<pre><code>  var $offset = $('#content').offset.left()-1500;
    $('.btn-arrow').click( function(){ 
            $('#content').animate({marginLeft:$offset}); return false;
    });

&lt;div style="margin-left: 0px; width: 99999px;" id="content"&gt;content &lt;/div&gt;
</code></pre>

<p>Its not working though currently, any ideas anyone? </p>
