title: Bootstrap Tooltip NOT Working - EVEN with jQuery
body: <p>I have done everything but can't get my code to work!
      
      
      
      
      Simple Navbar Demo</p>
  
  <pre><code>&lt;!--- This is the main CSS file for bootstrap. ---&gt;
  &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"&gt;
  
      &lt;!-- Latest compiled and minified JavaScript for bootstrap.--&gt;
      &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- jQuery files as we will be needing it. --&gt;
      &lt;script src="http://code.jquery.com/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
          $("#item").tooltip();
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;!-- End the Head Section --&gt;
  &lt;body&gt;
  &lt;a class="tip" data-toggle="tooltip" data-placement="right" href="#" id="item1" title="Hello World!"&gt;Home&lt;/a&gt;
      &lt;div class="container" style="padding-top: 50px;"&gt;  
          &lt;nav class="navbar"&gt;
              &lt;ul class="nav nav-pills"&gt;
                  &lt;li class="active"&gt;&lt;a class="tip" href="#" data-toggle="tooltip" id="item1" title="Hello World!"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>What am I doing wrong? I tried it on different browsers, checked for the links. Can't find anything...</p>