 class ProfilePage.AchievementBadge extends React.Component
   onMouseOver: (event) =>
     el = event.currentTarget
-    id = el.getAttribute 'data-tooltip-target'
 
-    return if el._loadedTooltipId == id
+    return if el._loadedTooltipId == @tooltipId
 
-    content = $(".js-tooltip-achievement--content[data-tooltip-id='#{id}']").first().clone()
+    content = $(@refs[@tooltipId]).clone()
 
     if el._loadedTooltipId?
-      el._loadedTooltipId = id
+      el._loadedTooltipId = @tooltipId
       $(el).qtip 'set', 'content.text': content
       return
 
-    el._loadedTooltipId = id
+    el._loadedTooltipId = @tooltipId
     classes = 'qtip tooltip-achievement'
     classes += ' tooltip-achievement--locked' if !@props.userAchievement?
 

      img _.extend
        alt: @props.achievement.name
        className: 'badge-achievement__image'
        'data-tooltip-target': tooltipId
        onMouseOver: @onMouseOver
        osu.src2x @iconUrl()


        className: 'hidden'
        div
          className: 'js-tooltip-achievement--content tooltip-achievement__main'
          ref: @tooltipId
          div
            className: 'tooltip-achievement__title'
            @props.achievement.grouping
