title: JQuery and Colorbox loaded but "colorbox is not a function"
body: <p>I have checked to see if both jQuery is loaded and the colorbox script is loaded and they both have been loaded correctly (I used .getScript to see if colorbox loaded correctly and I get a positive result). However the function does not load colorbox and Firebug says "$(...).colorbox is not a function". The code used to work but I'm not sure what I did to break it. Here's the header:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="colorbox.css"/&gt;
  &lt;script src="Scripts/jquery.colorbox.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="Scripts/scripts.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  $(document).ready(function(){
      $(".popup").colorbox({transition: "elastic", opacity: 0.5, speed: 350});
      var panels = $('.accordionButton &gt; .accordionContent').hide();
      $("div.accordionButton").click(function(){
          panels.slideUp();           
          $(this).parent().next().slideDown();
          return false
      });
  
  });
  &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I have checked several times to make sure the script is located in the correct directory. Here is the link:</p>
  
  <pre><code>&lt;div id='supermenu'&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;a href='login.php?lang=en' class='popup'&gt;Login&lt;/a&gt;&lt;/td&gt;&lt;td&gt; or &lt;/td&gt;&lt;td&gt;&lt;a href='register.php?lang=en'&gt; Register &lt;/a&gt;&lt;/tr&gt;&lt;/td&gt;&lt;/table&gt;&lt;/div&gt;
  </code></pre>