Unexpected Behaviour

Unexpected Behaviour

  1. var imgSize = $("#imagescroll ul li").size();
  2. var divSize = $("#imagescroll").width();
  3. var imgTotal = divSize * imgSize
  5. $("#imagescroll div b").html(imgSize);
  6. $("#imagescroll").width(imgTotal);
  8. $(".scroll").click(
  9. function() {
  10. $(this).removeClass("scroll");
  11. $(this).animate({ marginLeft: '-='+divSize }, "slow" );
  12. }
  13. );
My problem is, when the click function removes the class .scroll, it still scrolls even though it shouldn't able to locate the class that it should be applying the animation to? 

Anyone know why? is this a glitch?