jQUERY niezrozumiały błąd

Question

Witam, jakiś czas pisałem o jQUERY, animacji która ma przewijać kod. Jeden kolega pisał o braku użycia zmiennej. Przesyłam kod. 
 

var $arrow = $("#arrow a");
$("#arrow a").on("click", function(){
    $("body").animate({
        scrollTop:400
    }, 1000)
})

 <main>
            <div id="arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></div>
    </main>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
       <script src="js/javascript.js"></script>
        </body>

</html>