title: Show d3 node text only on hover
body: <p>I'm trying to only show the node text on mouseover. When I mouseover the node, I have the  opacity for the svg circle changing, but only the text for the first node showing up. I've figured out that this is because of how I'm using the select element, but I can't figure out how to pull the correct text for the node that I'm hovering on. Here's what I currently have.</p>
  
  <pre><code>node.append("svg:circle")
      .attr("r", function(d) { return radius_scale(parseInt(d.size)); })
      .attr("fill", function(d) { return d.fill; })
      .attr("stroke", function(d) { return d.stroke; })
      .on('mouseover', function(d){
          d3.select(this).style({opacity:'0.8'})
          d3.select("text").style({opacity:'1.0'});
                  })
      .on('mouseout', function(d){
        d3.select(this).style({opacity:'0.0',})
        d3.select("text").style({opacity:'0.0'});
      })
      .call(force.drag);  
  </code></pre>