title: Tooltip and RaphaelJS
body: <p>I would like to create a tooltip on the rectangle and the tooltip remains the same when I'm on the text, as in the background.
  I use the library and jquery RaphaelJS (tooltip).</p>
  
  <pre><code>var paper = new Raphael(document.getElementById("canvas_schema"),550,300);
  
  
      var rectangle2 = paper.rect(130, 75, 140,40,15);
      var texte = paper.text(200, 90, "Tarification et souscription\nweb");
  
      rectangle2.attr({fill:"0.0-white:5-yellow:100"});
      rectangle2.animate({"stroke-width":0});
  
  
      texte.mouseover(function(){
          rectangle2.animate({
          fill:"0.0-white:5-red:100",
          "stroke-width":0,
          title:"hello"});});
  
      texte.mouseout(function(){
          rectangle2.animate({
          fill:"0.0-white:5-yellow:100"});});
  
      rectangle2.mouseover(function(){
          this.animate({
          fill:"0.0-white:5-red:100"});});
  
      rectangle2.mouseout(function(){
          this.animate({
          fill:"0.0-white:5-yellow:100"});});
  
      $(rectangle2.node).qtip({ 
                  content: { text: 'ANTENIA&lt;br&gt;Solution Progicielle' },
                  style:'mystyle',
                  position: {
                      corner: {
                          target: 'topRight',
                          tooltip: 'bottomLeft'
                      }
                  }
      });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/ua3Pg/" rel="nofollow">http://jsfiddle.net/ua3Pg/</a>
  i don't know how to use raphaelJS and jquery on jsfiddle.</p>
  
  <p>thanks</p>