title: Bootstrap Tooltip in ember.js
body: <p>I have no problem when I use Twitter Bootstrap Tooltip in a simple html file. But when I try to do the same in my Ember application something goes wrong. I try to reproduce my code snippet here:</p>
  
  <pre><code>// Link in template
  &lt;a id="xyz" rel="tooltip" title="My tooltip"&gt;LINK&lt;/a&gt;
  
  // Ember View fragment
  didInsertElement: function() {
      this.$("a#xyz).tooltip();
      this.$("a#xyz).click(function() {
          $(this).attr('data-original-title', 'Tooltip changed').tooltip('fixTitle');
      });        
  }
  </code></pre>
  
  <p>First, the style of the tooltip is not the same as the one in the single HTML page (black background and white small font). It is a bigger tooltip with big font size appearing on the right.</p>
  
  <p>Second, I am unable to change the tooltip text clicking on the link as I try to do in the click event. It thows an error saying "no such method 'fixTitle' for tooltip widget instance". But that code runs perfectly in my single HTML file without Ember.</p>
  
  <p>Any ideas? Thanks!</p>