title: event.preventDefault(); not stopping mousewheel in Firefox
body: <p>I am using the mousewheel in jquery to increase the number of a div, the number increases correctly but the scroll is not stopped in Firefox.</p>
  
  <pre><code>$(document).ready(function(){
  
      $('#test').bind('mousewheel DOMMouseScroll', function(event){
  
          var currentValue = parseInt($('#test').text(),10),
              newValue = currentValue + 1;
  
          $('#test').text(newValue);    
          event.preventDefault();
      });
  });
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/rHVUn/" rel="noreferrer">http://jsfiddle.net/rHVUn/</a></p>
  
  <p>The fiddle uses the standard mousewheel detection, but I have also used Brandon Aaron's mousewheel plugin and it has the same problem.</p>
  
  <p>Removing the line that updates the text (I have also tried html()) of the div resolves the issue, but this is a crucial part of the code and cannot be removed.</p>
  
  <p>Does anyone know how to resolve this issue?</p>
  
  <p>Thank you</p>
  
  <p><strong>Update:</strong> I have found the problem only occurs when my mouse is positioned directly over the text, if my mouse is within the box but not over the text (within the padding) the scroll is stopped</p>