title: Fetching svg element from node object in cytoscape.js
body: <p>I want to show a tooltip (by using <a href="http://craigsworks.com/projects/qtip/" rel="nofollow">qtip</a>) on node mouseover. In order to do this inside the </p>
  
  <pre><code>cy.nodes().bind("mouseover", function() { ... } 
  </code></pre>
  
  <p>I need to bind the tooltip to a certain svg element. I cannot find a function on the node's public interface that would return the svg element to do this nor a way that I could directly add attributes to the individual node svg element during initialization. Cy certainly has this svg information stored in its _private. Of course I could find the svg element by calling node.position() and then searching the corresponding svg element, but is there a cleaner way to get it, straight from the node object interface?</p>
  
  <p>Edit:  Atanas's suggestion works but I'm not sure whether it's a permanent solution. I want tooltip disabled on mouseout/zoom/pan/grab/select/.. which means I need to bind</p>
  
  <pre><code>$(".ui-tooltip").qtip('hide');
  </code></pre>
  
  <p>to those events on cy. I'd rather rely on qtip events and delays in displaying the tooltip. Now the tooltip seems a bit buggy since it's immediately hidden on these events.</p>