title: Horizontal scroll with mouse wheel on horizontal list
body: <p>I'm attempting a horizontal scroll with the mouse wheel, but doesn't seem to work.</p>
  
  <p>Here is my <a href="http://jsfiddle.net/a3j1x47a/" rel="noreferrer">Fiddle</a></p>
  
  <p>My main class <code>.selector</code> is the one with scrollable <code>overflow</code></p>
  
  <p>This is JS I am trying to initialise the scroll with </p>
  
  <pre><code> $('.selector').mousewheel(function(e, delta) {
      this.scrollLeft -= (delta * 40);
      e.preventDefault();
  });
  </code></pre>
  
  <p>This is the example I am using for horizontal scroll <a href="https://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/" rel="noreferrer">https://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/</a></p>
  
  <p>Thanks in advance for any help!</p>
  
  <p><strong>EDIT:</strong> Thanks all, I forgot jQuery in the Fiddle yeah sorry, but when I was testing on localhost I was using jQuery 1.11.1 so maybe that was the case. Cheers guys</p>