jQuery Extension and Stopping a setInterval()
<p>I have the following jQuery extension:</p>

<pre><code>var particleTimer = 0;
jQuery.fn.particleEmitter = function (num, wid, hei, rad, tme, rep) {
   particleTimer = setInterval(function() {
      //appends elements...
   }, 500);
};

jQuery.stopParticleEmitter = function () {
  clearInterval(particleTimer); //this doesn't stop it...
}
</code></pre>

<p>But the <code>clearInterval()</code> doesn't seem to work... </p>

<p>Here is a Fiddle of my complete code: <a href="http://jsfiddle.net/neuroflux/wtJFj/3/" rel="nofollow">http://jsfiddle.net/neuroflux/wtJFj/3/</a></p>

<p>Note that the "particles" won't actually move as it requires the document width...</p>

<p>But the timer should clear onMouseout... and doesn't...</p>
