title: jQuery and Colorbox "Is Not A Function"
body: <p>I've been working on integrating Colorbox (a lightbox alternative) into a site.</p>
  
  <p>Ok, so my head file is:</p>
  
  <pre><code>&lt;head&gt;
  &lt;script language="javascript" type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" media="screen" rel="stylesheet" href="../colorbox/colorbox.css" /&gt;
  &lt;script type="text/javascript" src="../colorbox/jquery.colorbox.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      function saveToBook() { 
          $.fn.colorbox({inline:false, href:'../index.html'}); 
      };
  &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>My Link is as follows:</p>
  
  <pre><code>&lt;a href="#save-to-book" onclick="javascript:parent.saveToBook();return false;" class="recipe-links"&gt;Save to Cookbook&lt;/a&gt;
  </code></pre>
  
  <p>The only output I recieve (from FireBug) is:</p>
  
  <pre><code>$.fn.colorbox is not a function
  </code></pre>