title: D3 and mouse events, click test not working
body: <p>I am not sure why my click method is not working. In this test I want to be able to click on one of the circle nodes on the graph and display its number. Hovering over works kind of.</p>
  
  <p>What library's click event am I using, D3? Jquery? normal JS?</p>
  
  <p>ultimately I want to do tooltips when I hover over the nodes, and make them go away when I move the mouse away</p>
  
  <p><a href="http://jsfiddle.net/ericps/b5v4R/" rel="nofollow">http://jsfiddle.net/ericps/b5v4R/</a></p>
  
  <pre><code>dots.enter()
      .append("circle")
      //.append("svg:circle")
      .attr("class", "dot")
      .attr("cx", complete_line.x())
      .attr("cy", complete_line.y())
      .attr("r",3.5)
      .append("title")
      .text(function(d){ return d.completed;})
      .on("click", function(d) { alert("hello"); });
  </code></pre>