title: Bootstrap tooltips in Drupal
body: <p>Drupal 7, Bootstrap theme.
  Tooltips are not working.</p>
  
  <ul>
  <li>Tooltips and smart form descriptions enabled in theme settings</li>
  <li>HTML seems ok</li>
  <li>Tooltips should be activated with extra JS</li>
  </ul>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input tabindex="2" class="form-control form-text" title="Enter something or leave blank 
  for random" data-toggle="tooltip" type="text" id="edit-short-url" name="short_url" value="" 
  size="6" maxlength="128" /&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
          $("body").tooltip({ selector: '[data-toggle=tooltip]' });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong><a href="http://ovaj.link/" rel="nofollow">See the page here</a></strong></p>
  
  <p>What am I doing wrong?</p>