Connecting jQuery to my file?

For some reason I have a project that I HAVE to use jQuery on (ugh) and I’m just having a difficult time setting it up. I have this in the head:

    <script src="ppage.js" async defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

And this in my jQuery to test if it is working:

$(document).ready(function(){

    $("#button").click(function(){
        console.log("You clicked the button!")
    });

});

Yet, I’m getting:

27%20PM

The script tag for jquery must be above the script tag for your own script