Ember Tool Tip Component (Re: https://twitter.com/brianpattison/status/389631825347641344)

tool-tip.handlebars

<div class="tool-tip">{{title}}</div>
<div class="tool-tip-hover-container">
  {{yield}}
</div>

tool_tip_component.js

App.ToolTipComponent = Ember.Component.extend({
  classNames: ['tool-tip-container'],
  
  didInsertElement: function() {
    var self = this;
    
    Ember.run.schedule('afterRender', function() {
      self.$('.tool-tip-hover-container').mouseenter(function() {
        self.$('.tool-tip').addClass('active');
      }).mouseleave(function() {
        self.$('.tool-tip').removeClass('active');
      });
    });
  }
});

seems like the .tool-tip-hover-container should be inserted by the time didInsertElement is called, this means the afterRender is unneeded.