title: jQuery to scroll a page on hover
body: <p><a href="http://jsfiddle.net/pBLAJ/6/" rel="nofollow">jsFiddle</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="next"&gt;Next&lt;/div&gt;
  &lt;div class="prev"&gt;Prev&lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>    $(function() {
          $('ul.nav a').bind('click',function(event){
              var $anchor = $(this);
              $('html, body').stop().animate({
                  scrollLeft: $($anchor.attr('href')).offset().left
              }, 1000);
              event.preventDefault();
          });
      });
  </code></pre>
  
  <p>The idea sounds simple but I can't get this working at all. I want to be able to scroll the page on hover of either next or prev. I have the click to scroll to anchor down but this added feature would be perfect to have.</p>