title: Clickable link on a SVG circle, text or line
body: <p>Using snapsvg.io, I would like to know if it's possible to add a clickable link such as a <code>&lt;a href="somelink.com"/&gt;My Link&lt;/a&gt;</code> tag to an SVG text, circle or line.</p>
  
  <p>An example here I have is text:</p>
  
  <pre><code>var s = Snap("#svg");
  var text = s.text(x + 10, y - 5, 'My Text');
  text.attr({
          fill: doesExist ? alert : textColorOK,
          fontSize: '10px',
          'font-weight': '600',
          'font-family': 'Arial Narrow, sans-serif',
          'text-anchor': 'start',
          cursor: doesExist ? 'pointer' : 'default'
        });
  </code></pre>
  
  <p>I'd like to do this with snapsvg.io. Furthermore, I want to do this in plain JavaScript, not jQuery.</p>