title: How to add and remove glow for Raphael element?
body: <p>I am trying to set up a hover for a raphael element so that when the mouse is on the element, it has a glow and when the mouse leaves, the glow is removed. I have figured out how to add the glow, but I am having trouble removing it. Here is what my script looks like:</p>
  
  <pre><code>$(document).ready(function() {
      var paper = Raphael(0,0,360,360);
      var myCircle = paper.circle(180,180,30).attr('stroke','#FFF');
      myCircle.hover(function() {
          myCircle.glow().attr('stroke','#FFF');
      }, function() {
          // removing the glow from the circle??
      });
  });
  </code></pre>
  
  <p>So the part that works is adding the glow to the circle when I hover over it. However, I don't know how to remove the glow when the mouse is moved away from the circle element. Do you know how I can remove the glow from an element?</p>
  
  <p>Note: The background of the body element is set to black (#000).</p>
  
  <p>Libraries Used:</p>
  
  <ul>
  <li>JQuery</li>
  <li>Raphael.js</li>
  </ul>