title: jQuery AJAX functions not defined
body: <p>I'm trying to make a <code>$.get()</code> call from jQuery, but all I get is the following error;</p>
  
  <pre><code>Uncaught TypeError: $.get is not a function
      at HTMLDocument.&lt;anonymous&gt; (client.js:12)
      at l (jquery.min.js:2)
      at c (jquery.min.js:2)
  </code></pre>
  
  <p>I have searched all over and I can't seem to find an answer. I'm importing jQuery using the Google CDN. (<code>https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js</code>)</p>
  
  <p><strong>Minimal Example</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
   jQuery.get('echo/authstatus', function(data) {
    console.log(data);
   });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Complete Snippet</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let denied = `&lt;div class="alert alert-danger" role="alert"&gt;
    &lt;strong&gt;Access Denied!&lt;/strong&gt; Please check your username and password, then try again.
  &lt;/div&gt;`;
  let granted = `&lt;div class="alert alert-success" role="alert"&gt;
    &lt;strong&gt;Access Granted!&lt;/strong&gt; Welcome, please wait while we redirect you.
  &lt;/div&gt;`;
  let disabled = `&lt;div class="alert alert-warning" role="alert"&gt;
    &lt;strong&gt;Authentication disabled!&lt;/strong&gt; Sorry, we have temporarily disabled authentication!
  &lt;/div&gt;`;
  
  $(document).ready(function() {
   jQuery.get('echo/authstatus', function(data) {
    console.log(data);
   });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
   &lt;link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet"&gt;
   &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
      integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"&gt;
   &lt;meta charset="UTF-8"&gt;
   &lt;title&gt;Echo Login System&lt;/title&gt;
   &lt;style&gt;
    .ubuntu {
     font-family: 'Ubuntu', sans-serif;
    }
   &lt;/style&gt;
   &lt;script src="client.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="bg-dark"&gt;
  &lt;div class="jumbotron bg-dark"&gt;
   &lt;h1 class="display-4 text-info"&gt;Echo Login System&lt;/h1&gt;
   &lt;p class="lead text-white-50"&gt;A JavaScript login system, by Eton.&lt;/p&gt;
   &lt;hr class="my-4 bg-info"&gt;
  &lt;/div&gt;
  
  &lt;div class="container" id="display"&gt;
  
  &lt;/div&gt;
  
  &lt;div class="container shadow" style="width:24rem"&gt;
   &lt;h5 class="ubuntu text-info" style="padding-top: 1%"&gt;Authentication Required!&lt;/h5&gt;
   &lt;form&gt;
    &lt;div class="form-group"&gt;
     &lt;input type="text" class="form-control ubuntu" id="username" placeholder="Username"&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
     &lt;input type="password" class="form-control ubuntu" id="password" placeholder="Password"&gt;
    &lt;/div&gt;
    &lt;button id="login" class="btn btn-info" style="margin-top:1%;"&gt;Login&lt;/button&gt;
   &lt;/form&gt;
   &lt;br&gt;
  &lt;/div&gt;
  
  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
    integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
    crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
    integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
    crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>