title: Uncaught ReferenceError: $ is not defined
body: <p>I have seen similar questions on here, but I haven't resolved my issue yet. I did try moving my CDN link of the Google-hosted jQuery file. I tried three locations for the link - first linked source at the top of the head tag, I also tried to add it right before the closing of the head tag, and also right before the closing of the body tag, but I still am getting Uncaught ReferenceError: $ is not defined in my console. I'm new to jQuery, so any advice would help. I am using a bootstrap theme, and it's sort of a long file, so here's the basics. I have included in my folder js/bjqs.min.js and css/bjqs.css.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
  
      &lt;title&gt;jQuery Practice&lt;/title&gt;
  
      &lt;!--jquery  --&gt;
  
        &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
       &lt;!-- Include the plugin *after* the jQuery library --&gt;
  &lt;script src="js/bjqs.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ --&gt;
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  
      &lt;!-- Custom CSS --&gt;
      &lt;link href="css/freelancer.css" rel="stylesheet"&gt;
      &lt;link href="css/animate.css" rel="stylesheet"&gt;
      &lt;!-- Include the basic styles --&gt;
  &lt;link type="text/css" rel="Stylesheet" href="css/bjqs.css" /&gt;
  
      &lt;!-- Custom Fonts --&gt;
      &lt;link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt;
      &lt;link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"&gt;
      &lt;link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"&gt;
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
          &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
          &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;
  
  &lt;/script&gt;
          &lt;![endif]--&gt;
  
  
      &lt;/head&gt;
  
  
  &lt;body&gt;
  
    &lt;!-- Header --&gt;
      &lt;header&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-lg-12"&gt;
  
  &lt;!--  Outer wrapper for presentation only, this can be anything you like --&gt;
        &lt;div id="banner-fade"&gt;
  
          &lt;!-- start Basic Jquery Slider --&gt;
          &lt;ul class="bjqs"&gt;
            &lt;li&gt;&lt;img src="img/banner01.jpg" title="Automatically generated caption"&gt;&lt;/li&gt;
            &lt;li&gt;&lt;img src="img/banner02.jpg" title="Automatically generated caption"&gt;&lt;/li&gt;
            &lt;li&gt;&lt;img src="img/banner03.jpg" title="Automatically generated caption"&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;!-- end Basic jQuery Slider --&gt;
  
        &lt;/div&gt;
        &lt;!-- End outer wrapper --&gt;
  
        &lt;script class="secret-source"&gt;
          $(document).ready(function() {
  
            $('#banner-fade').bjqs({
              height      : 320,
              width       : 620,
              responsive  : true
            });
  
          });
        &lt;/script&gt;
  
  
  
  
      &lt;!-- Bootstrap Core JavaScript --&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Plugin JavaScript --&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/classie.js"&gt;&lt;/script&gt;
      &lt;script src="js/cbpAnimatedHeader.js"&gt;&lt;/script&gt;
  
      &lt;!-- Contact Form JavaScript --&gt;
      &lt;script src="js/jqBootstrapValidation.js"&gt;&lt;/script&gt;
      &lt;script src="js/contact_me.js"&gt;&lt;/script&gt;
  
      &lt;!-- Custom Theme JavaScript --&gt;
      &lt;script src="js/freelancer.js"&gt;&lt;/script&gt;
  
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>