Как реализовать несколько кликов по одному объекту через JQuery?

Добрый день,
Делаю простенькую программу - футболл: по клику на мяч он должен лететь по полю в определенную точку.
Делаю через animate, по типу:

$('.ball').on('click', function () {
  $('.ball').animate({
    left: '700px', 
    top: '200px'
  }, 900);
});

У меня получается так, что по клику мяч пролетает сразу по всем координатам. Как сделать так, чтобы по каждому клику мяч летел по новым координатам?