Move an element left on each click
<p>I think My main question is "how do I write this?" 
Its a simple thing. for every click the css left property gets 500px taken off. (moved 500px to the left)</p>

<p>I am having a hard time with the variables and just ... I don't know.</p>

<pre><code>$(document).ready(function() { 

    var belt-move = 500;
    var belt-ammount = $(".belt").css('left');
    belt-move -=  belt-ammount;


     $(".next").click(function() {
        $(".belt").animate(belt-move, 500, "swing");
     });
}); 
</code></pre>
