Remove all lines which link JQuery
to your page and add below the line, which is fo latest version of 'JQuery`
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
in your code before </head>
Something like
<head>
....
....
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</head>
What this will do is load JQuery
code before loading the contents of <body> ... </body>
code.
Adding some links related to above problem
- Handling code which relies on jQuery before jQuery is loaded
- Best Practice: Where to include your tags