title: trying to use jquery tooltip plugin, object has no method "tooltip"
body: <p>I'm using this tooltip: <a href="http://flowplayer.org/tools/demos/tooltip/index.html" rel="noreferrer">http://flowplayer.org/tools/demos/tooltip/index.html</a></p>
  
  <p>I have the following lines in my html file:</p>
  
  <pre><code>&lt;script src="/javascripts/home.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/scripts/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="boo"&gt;
  &lt;img src="image1.jpg" title="this thing is a tool"/&gt;
  &lt;img src="image2.jpg" title="this thing is also tool"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have the following line in my home.js file:</p>
  
  <pre><code>$("#boo img[title]").tooltip();
  </code></pre>
  
  <p>I have the following line in my css file:</p>
  
  <pre><code>.tooltip {
      display:none;
      background:transparent url(/tools/img/tooltip/black_arrow.png);
      font-size:12px;
      height:70px;
      width:160px;
      padding:25px;
      color:#fff; 
  }
  </code></pre>
  
  <p>I get this error:</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'tooltip'
  </code></pre>
  
  <p>I'm at my wits end. I feel like I've followed the example on the site exactly, but no idea what's going on.</p>