title: jQuery play and stop jQuery function
body: <p><a href="http://jsfiddle.net/Ub3wk/65/" rel="nofollow">Jsfiddle</a></p>
  
  <p>I'm trying to stop a function that starts after the page loads from working by pressing a button and then re activating it by pressing another, so far I can reactivate it but I cannot make the stop button from working with my current code.</p>
  
  <pre><code>&lt;button class="play"&gt;play&lt;/button&gt;
  &lt;button class="pause"&gt;pause&lt;/button&gt;
  &lt;div class="scanner-laser"&gt;blinking&lt;/div&gt;
  
  var blink = (function blink() { 
     var f = $('.scanner-laser').fadeOut(1000).fadeIn(1000, blink); 
  })();
  
  $(".play").click(function() {
    $('.scanner-laser').fadeOut(1000).fadeIn(1000, blink); 
  });
  
  $(".pause").click(function() {
      f.stop();
      blink.die();
  });
  </code></pre>