title: How to set/active bootstrap tooltip using javascript?
body: <p>I'm so frustrated that I cannot solve this simple question. 
  How to programmingly set/active bootstrap tooltip? </p>
  
  <p>For example, we are at page:
  <a href="http://getbootstrap.com/2.3.2/javascript.html#tooltips" rel="nofollow">http://getbootstrap.com/2.3.2/javascript.html#tooltips</a>
  and let's open the chrome console and make tooltip work on the fly on the 'home' link in the left up corner. </p>
  
  <pre><code>var home = $($('.navbar li a')[0]);// select that home link
  home.tooltip({title:'wthhhh'}); // set the default title
  home.tooltip('show');
  </code></pre>
  
  <p>Step 3 doesn't bring up the tooltip. </p>
  
  <p>Any help? </p>
  
  <p>EDIT: I understand bootstrap has got a major update, but I believe it's irrelevant. Tooltip doesn't seem change.</p>