title: an anchor link in bootstrap tooltip`s title doesn`t act like an anchor on click
body: <p>I am using bootstrap tooltip to add some info to an SVG path. I added an anchor link to tooltip's title and it's OK until I click on the anchor to do something. It doesn't act like an anchor, and does not raise any events.</p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;g id="B2" class="blockgroup"&gt;
     &lt;path id="B2_Block" class="block" d="M195.4,128.9c-28,18.2-51.9,42.2-70.1,70.2l33.3,19.3c14.8-22.6,34-42,56.5-57L195.4,128.9z"/&gt;
     &lt;text id="B2_Text" transform="matrix(1 0 0 1 166.0186 177.8625)" class="text"&gt;B2&lt;/text&gt;
  &lt;/g&gt;
  
  $('.blockgroup').tooltip({
              html: true,
              animation: true,
              container:'body',
              trigger: 'click',
              title: function(){
                  return '&lt;div class="tooltip-box"&gt;' +
                              '&lt;span&gt;Block&lt;/span&gt;' +
                              '&lt;h3&gt;' + this.id + '&lt;/h3&gt;' +
                              '&lt;a href="#" class="view-seats" data-block-id="' + this.id + '"&gt;View Seats&lt;/a&gt;' +
                          '&lt;/div&gt;';
              }
  
          });
  
  
  $('.view-seats').on('click', function(e){
      e.preventDefault();
      console.log('clicked');
  });
  </code></pre>