title: Bootstrap Tooltip Not showing on SVG Hover
body: <p>Can you please take a look at this <a href="http://jsfiddle.net/Behseini/aj6BX/1/">LINK</a> and let me know why the bootstrap tooltip not showing on this svg?</p>
  
  <p>Here is the code I have </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="well"&gt;
     &lt;svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       width="200px" height="200px" viewBox="0 0 200 200" enable-background="new 0 0 200  200" xml:space="preserve"&gt;
     &lt;polygon  class="firststar" points="64.385,54.267 56.951,50.769 49.854,54.911 50.884,46.76 44.752,41.291 52.823,39.751 56.129,32.229 60.087,39.429 
  68.262,40.249 62.639,46.239 "/&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and </p>
  
  <p>I am using this jquery function</p>
  
  <pre><code>$('.firststar').tooltip();
  </code></pre>