Js script not loading

I am doing the front-end challenges, and I would like to know where i went wrong with my code.

i just wanted to make sure that my js file was loaded properly, i made it very basic just to test things out, it seems like the script is not being loaded.

html :

<!doctype html>
    <link rel="stylesheet" href="../css/style.css" />
    <div id="quote-box">
        <div id="text" class="boxed-in"></div>
        <div id="author" class="boxed-in"></div>
        <button id="new-quote">New Quote</button>
        <a id="tweet-quote" href="twitter.com/intent/tweet" target="_blank">Tweet quote</a>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="../javaScript/script.js" type="text/javascript"></script>

js :

$document.ready(function () {

the html file is in a folder called html, js file in a folder called javaScript, both in the root directory of the project, when i open the browser and inspect i can see the correct js file, the div i am trying to remove is styled in a way to make it apparent on the page .

what is the problem here ?

forgot to add parenthesis to document should be:
$(document).ready not $document.ready.

also i was thinking that the js script was not loading because my console.log(“stuff to log”) didn’t show anything, but the web console tabs were not all toggled, thats why it didn’t sho anything.

sorry about that, i was a bit tired when posting the question.