title: Click event not fire in highcharts tooltip
body: <p>I am using Highchart Library. I create a tooltip via formatter function callback and insert a link inside tooltip. </p>
  
  <pre><code> config.tooltip.formatter = function(){
                      //console.log(this)
                      var tooltipHTML = "&lt;b&gt;✔ " + this.y + "% - " + this.key + "&lt;/b&gt;";
                      var userImg = $('.user-picture').html();
                      if (userImg) {
                          tooltipHTML += "&lt;div class='user-avatar-comment'&gt;";
                          tooltipHTML += userImg;
                          tooltipHTML += "&lt;/div&gt;";
                      }
                      tooltipHTML += "&lt;div class='comment_filter'&gt;&lt;a class='comments_buble' href='#' data-series='" + this.point.index + "'&gt;Comment&lt;/a&gt;&lt;/div&gt;";
  
                      return tooltipHTML;
                  }
  </code></pre>
  
  <p>Now i want to call ajax on click but click event not firing.</p>
  
  <pre><code>jQuery('.comments_buble').on('click', function(e) {
  //ajax call here
  })
  </code></pre>
  
  <p>Here is Code </p>
  
  <p><a href="http://jsfiddle.net/vxnq3578/3/" rel="nofollow">http://jsfiddle.net/vxnq3578/3/</a></p>