title: How can I create tooltips on tabs?
body: <p>Trying to get the following tooltip to work in each tab but does not work for me.... </p>
  
  <p><a href="http://jsfiddle.net/isherwood/3ya9pkdt/6/" rel="nofollow"><strong>Fiddle</strong></a></p>
  
  <pre><code>&lt;div class="tabbable"&gt;
  &lt;ul class="nav nav-tabs" role="tablist"&gt;
      &lt;li class=""&gt; &lt;a href="#tab1" role="tab" data-toggle="tab" data-original-title="Our Stories"&gt;
  &lt;img src="/files/cache/cf16a20834dcce2bb50055192c532fad_f35.png" width="94" height="48" alt="Our Stories"&gt;
  &lt;/a&gt;
  
      &lt;/li&gt;
      &lt;li class=""&gt;&lt;a href="#tab2" role="tab" data-toggle="tab" data-original-title="Bond + Bond"&gt;
  &lt;img src="/files/cache/70517c921a870be3c0580871aa6e8e8a_f36.png" width="99" height="50" alt="Bond"&gt;
  &lt;/a&gt;
  
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane fade" id="tab1"&gt;
              &lt;h2&gt;Our Stories&lt;/h2&gt;
  
      &lt;/div&gt;
      &lt;div class="tab-pane fade" id="tab2"&gt;
              &lt;h2&gt;Bond&lt;/h2&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>JS</p>
  
  <pre><code>$('[data-toggle="tab"]').tooltip({
  'placement': 'top'
  })
  </code></pre>
  
  <p>is it possible to have tooltip on tab links ?</p>