How to make fade in/out keep looping

How to make fade in/out keep looping

I have this code to fade in a button on hover and fade out . It works on the first hover but it stops and wont do it on a repeat hover. How can I make it continuous?

here's the html:

  1. <a href="#" class="offerbutton"><span></span></a>
here's the jquery:
  1. $(function() {
  2. $(".offerbutton")
  3. .find("span")
  4. .hide()
  5. .end()
  6. .hover(function() {
  7. $(this).find("span").stop().fadeIn(2000);
  8. }, function() {
  9. $(this).find("span").stop().fadeOut(2000);
  10. });
  11. });