title: Jquery scrollLeft hover
body: <p>How do i alter the code below so that the div scroll's left continously on hover?  At the moment i have it at <code>120px</code>, which causes me having to keep putting my mouse over the next-button again everytime the scrolling stops.  I want the div to scrollLeft at a slow speed if the mouse is over the next-button. Here is the JSfiddle</p>
  
  <p><a href="http://jsfiddle.net/mdanz/nCCRy/14/" rel="nofollow">http://jsfiddle.net/mdanz/nCCRy/14/</a></p>
  
  <pre><code>$(function() {
  
  $('#next-button').hover(function() {
      $('#display-container').animate({
          'scrollLeft': '+=120px'
      }, '500');
  });
  </code></pre>
  
  <p>});</p>