title: make text a link in svg
body: <p>I'm using     d3 to draw a chart (I'm using thix example: <a href="https://gist.github.com/keiranlovett/8766741" rel="nofollow">https://gist.github.com/keiranlovett/8766741</a>). I need to add a link. I'm adding text and I'm trying to make it a link, but it's not appearing as a link (I'm using IE 11):</p>
  
  <pre><code>svg.append("g") //without doing this, impossible to put grid lines behind text  
  
       .attr({
              xmlns: "http://www.w3.org/2000/svg",
              xlink: "http://www.w3.org/1999/xlink",
              width: 100,
              height: 300
          })
       .attr({ "xlink:href": "#" })
       .on("mouseover", function (d, i) {
              //alert('aaa');
              d3.select(this)
                  .attr({ "xlink:href": "http://example.com/" + "eeeeeeeeeeeeeeeeeee" });
          })
       .selectAll("text")
  
       .data(tasks)
       .enter()
       .append("text")
  
       .text(function (d) {
           if (ammendmentsLinks.indexOf(d.contract) &lt; 0) {
               ammendmentsLinks = ammendmentsLinks + d.contract + ";";
               return d.contract;
               //return "";
           }
           else {
               return "";
           }
       })
       .attr("x", 20)
       .attr("y", function (d, i) {
           return i * 20;
       })
       .attr("font-size", 11)
       .attr("text-anchor", "start")
       .attr("text-height", 14)
       .on("click", function (d) {
           return click(d.contract);
       });
  </code></pre>
  
  <p>I also added some lines of code from <a href="http://jsfiddle.net/christopheviau/B9zcF/" rel="nofollow">http://jsfiddle.net/christopheviau/B9zcF/</a> to make the text a link but it's not working.</p>
  
  <p>How to make my text a link?</p>