Как использовать метод jquery animate, чтобы заставить div перемещаться вперед и назад

Я хочу, чтобы div анимировал горизонтально вперед и назад в пределах определенной области. Проблема, с которой я столкнулся прямо сейчас, заключается в том, что я не могу понять, как вернуть мой div после того, как он переместился вперед.

Вот сценарий, который я использую:

  <script type="text/javascript">
    var animatethis = function (targetElement, speed) {
        $(targetElement).animate(
            {
                marginLeft: "+=250px"
            },
            {
                duration: speed,
                complete: function () {
                    animatethis(this, speed);
                    animatethis.stop();
                    $(targetElement).animate({ marginLeft: "-=250px" });
                }
            }
                    )
    };
    animatethis($('#q1'), 5000);
</script>