title: qTip2 doesn't work
body: <p>My code used to work until I dunno what i changed, I started everything from scratch yet it still doesn't show the tooltip, can someone tell me what's wrong with the code?
  or even better, is there any other (easier) way to implement a tooltip ?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
  &lt;link type="text/css" rel="stylesheet" href="css/jquery.qtip.css" /&gt;    
  &lt;title&gt;My site&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;a href="#"&gt;ZA&lt;/a&gt;  
      &lt;div id="jj" style="display: none;"&gt;HHHHHHH&lt;/div&gt;
      &lt;script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery.qtip.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
  
          $('a').qtip({
          content: {
          text: $('#jj') // Add .clone() if you don't want the matched elements to be removed, but simply copied
      }
      })
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>