I have linked a jquery file but I can't use it

I have linked my HTML to jquery but when I run it in microsoft edge, it outputs "Help.js:1 Uncaught ReferenceError: $ is not defined
at Help.js:1
(anonymous) @ Help.js:1".I was wondering how to fix this.


<html lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>A Random Website</title>
    <script src="style.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <div class="navBar">
            <h1 id="Title">SomeRandomWebsite</h1>


        $(this).css("border","2px solid black")

CSS(if needed)

    display: flex;
    position: sticky;
    padding: 20px;
    border: none;
    width: 100%;
    justify-content: center;
    background-color: gainsboro;
    z-index: 2;
     color: black;
     font-family: monospace;

Leave a Comment