title: Trouble getting bootstrap tooltips to work on Joomla 3.0 with Gantry 4 Framework
body: <p>I am trying to enable the bootstrap tooltips in Gantry 4.</p>
  
  <p>The bootstrap javascript is loaded, as bootstrap.min.js as is jquery.</p>
  
  <p>I added the following to the index.php file just before the closing body tag</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
      $("[rel=tooltip]").tooltip();
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>I seem to have a conflict as I get the following error:</p>
  
  <pre><code>TypeError: 'undefined' is not a function (evaluating '$(document).ready(function () {
    $("[rel=tooltip]").tooltip();
  })')
  </code></pre>
  
  <p>The text that is supposed to trigger the tooltip is:</p>
  
  <pre><code>&lt;a href="#" rel="tooltip" data-placement="top" data-original-title="Depuis le 1er juin 2004, la durée légale de la vie séparée a été réduite de quatre à deux ans."&gt;le cas d&amp;rsquo;un mariage de longue durée&lt;/a&gt;
  </code></pre>
  
  <p>Can someone please point out what I need to do to resolve this? Thanks.</p>
  
  <p>Sorry, I forgot to add the link to the site and page where the tooltip is not functioning.</p>
  
  <p><a href="http://gobet.ergonomiq.net/divorce" rel="nofollow">http://gobet.ergonomiq.net/divorce</a>-séparation/divorce/26-requérir-seul-le-divorce-après-deux-ans-de-séparation#</p>