title: $ is not defined..but it is it is fancybox that can't be found
body: <p>Having numerous struggles today.</p>
  
  <p>I have a line in execution that is responding:</p>
  
  <pre><code>Uncaught ReferenceError: $ is not defined
  </code></pre>
  
  <p>This at first had me checking to see if jquery was loading but it is. The real error is that it can't find fancybox function.</p>
  
  <p>My HTML element is:</p>
  
  <pre><code>&lt;div&gt;&lt;span class="fancybox"&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When a button is clicked a function runs doing stuff then when we get to this line it throws the error:</p>
  
  <pre><code>$('.bmgi_fancybox').fancybox.open(
  {
      'afterClose': RefreshParentGridHandOff(SubGridName),
      'data-fancybox-type' : 'iframe',
      'href': FullUrl,
      'modal' : true
   });
  </code></pre>
  
  <p>The real error is that open is not a function of undefined...i.e. fancybox is undefined.</p>
  
  <p>I have checked and all libraries are loaded and clicking on them they resolve??</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/.../jquery.fancybox.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="/.../jquery.fancybox.buttons.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="/.../jquery.fancybox.thumbs.css"&gt;
  
  &lt;script type="text/javascript" src="/.../jquery.1.10.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/.../jquery.mousewheel.3.0.6.pack.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/.../jquery.fancybox.pack.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/.../jquery.fancybox.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/.../jquery.fancybox.buttons.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/.../jquery.fancybox.thumbs.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/.../jquery.fancybox.media.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The file renames are correct as we don't allow hyphens in file names....and as I said clicking on them in dev tools the link resolves and opens.</p>
  
  <p>I have spent 2 hours on this and don't know how to continue figuring this out....I mean clearly something is missing but I can't see it / don't understand.</p>
  
  <p>Thank You</p>
  
  <hr>
  
  <p><strong>I just thought of another important thing</strong></p>
  
  <p>The button being clicked and the function calling fancybox.open are in an iframe while the libraries span element shown etc are in the parent....I think that might be my issue.</p>