title: Fancybox troubles
body: <p>I am trying to implement a fancybox. <a href="http://fancybox.net/howto" rel="nofollow noreferrer">http://fancybox.net/howto</a></p>
  
  <p>I want to call this function on an an element. Full JS file. <a href="http://fancybox.net/js/fancybox/jquery.fancybox-1.2.1.js" rel="nofollow noreferrer">http://fancybox.net/js/fancybox/jquery.fancybox-1.2.1.js</a></p>
  
  <pre><code>$.fn.fancybox = function(settings) {
  </code></pre>
  
  <p>I have done this:</p>
  
  <pre><code>$(document).ready(function() { 
      $("a#inline").fn.fancybox();  
  });
  </code></pre>
  
  <p>However, I keep getting this error (through firebug):</p>
  
  <pre><code>$("a#inline").fn is undefined
  [Break on this error] $("a#inline").fn.fancybox();
  </code></pre>
  
  <p>What does this mean? I am basically having instantiating problems.</p>
  
  <p>Please help.</p>
  
  <h2>EDIT</h2>
  
  <p>The HTML file:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Technologies&lt;/title&gt;
  &lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="fancy/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="fancy/jquery.fancybox-1.2.1.js"&gt;&lt;/script&gt; 
  &lt;link rel="stylesheet" href="fancy/fancybox.css" type="text/css" media="screen" /&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() { 
      $("a#inline").fancybox();  
  }); 
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;?php
  include_once ("header.php");
  ?&gt;
  &lt;div id="channel_calc"&gt;
  How many Channels do I need?
  &lt;span id="yellow"&gt;&lt;a id="inline" href="#ddm"&gt;Channel Calculator&lt;/a&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>