           d3.selectAll('.chart-body').moveToFront()
 
           # The tooltip div.
-          div = d3.select('body').append('div').attr('class', 'tooltip').style 'opacity', 0
+          tooltip = d3.select('body').append('div').attr('class', 'tooltip').style 'opacity', 0
 
       ]

          d3.selection::moveToFront = ->
            @each ->
              @parentNode.appendChild this
              # TODO - Why this return?
              return
          
          # Convenience temp config variables.
          data = config.data

            chart.on 'renderlet', (chart) ->
              chart.selectAll '.symbol'
                .on 'mouseover', (d) ->
                  tooltip.transition().duration(20).style 'opacity', 1
                  tooltip.html('<strong>x:</strong> ' + d.key[0] + '<br/><strong>y:</strong> ' + d.key[1]).style('left', d3.event.pageX + 5 + 'px').style 'top', d3.event.pageY - 35 + 'px'
                .on 'mouseout', (d) ->
                  tooltip.transition().duration(50).style 'opacity', 0
                .style 'opacity', (d) ->
                  if d.key[0]? and d.key[1]? then 1 else 0

