Как обновить переменную для свойства для класса jquery .animate?

Question

Я пытаюсь обновить переменную отклонения, чтобы свойство top было разным для каждого перемещаемого объекта. Даже если консоль сообщит мне, что переменная обновлена ​​правильно, при выходе у меня всегда будет одно и то же свойство top. Зачем? что не так?

var time = 0;

var deviation=0;  

 $('.card').each(function() {

            $(this).delay(time).animate({                

                top: '+='+deviation,

                opacity: 1

            }, 200, function () {                

                deviation+= 10;                

                console.log(deviation);

            });        

        time += 300;

    });