title: How to use Bootstrap tooltip on input elements?
body: <p>I'm not 100% sure this is at all possible, because <code>input</code> doesn't have a <code>rel</code> attribute (the example on the Bootstrap website shows only 1 example with <code>rel="tooltip"</code>), but I think it should work.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;input id="password" type="password" /&gt; 
  </code></pre>
  
  <p>And this is how I try to trigger it:</p>
  
  <pre><code>$(document).ready(function () {
  
      $('input[id=password]').tooltip({'trigger':'focus'});
  });
  </code></pre>
  
  <p>And I also tried this:</p>
  
  <pre><code>$('#password').tooltip({'trigger':'focus'});
  </code></pre>
  
  <p>And none of them seem to work. I eventually want to trigger it manually, but this is the first step. 
  Does anybody know a solution for this? Is it possible at all? Thanks.</p>