title: TypeError: $ is not a function (Magnific Popup)
body: <p>I'm a newbie to web dev, so please stick with me. I know this question has come up a lot (or a similar deviation), but after a couple of hours of searching I have not found an answer that works for me.</p>
  
  <p>I've made sure the JQuery file is loaded first, and tried multiple versions to no avail. Whenever I try to load the Magnific Popup script, I get (TypeError: $ is not a function) on line 50. I've had a look and tried to change $ to JQuery to no avail, so it's back to normal now.</p>
  
  <p>Here's the Magnific Popup code block:</p>
  
  <pre><code>var mfp, 
      MagnificPopup = function(){},
      _isJQ = !!(window.jQuery),
      _prevStatus,
      _window = $(window), &lt;&lt;&lt;&lt;&lt;&lt; ERROR HERE
      _document,
      _prevContentType,
      _wrapClasses,
      _currPopupType;
  </code></pre>
  
  <p>And the relevant html:</p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" href="css/magnific-popup.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.magnific-popup.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>