title: event.preventDefault() working in Chrome, but not in Firefox / IE
body: <p>I know there are already a lot of questions on this subject, but I've read a lot of them and still couldn't get my script to work ... </p>
  
  <p>I have a very basic slideshow which can be seen here : www.screations.net/wm (there are 3 slideshows, I have the same problem on all 3 of them)</p>
  
  <p>Here is the code i use for the navigation : </p>
  
  <pre><code>&lt;a href="#"&gt;&lt;img src="images/arrow_right.png" class="nextSlide" onclick="nextSlide();"/&gt;&lt;/a&gt;
  &lt;a href="#"&gt;&lt;img src="images/arrow_left.png" class="prevSlide" onclick="prevSlide();"/&gt;&lt;/a&gt;
  </code></pre>
  
  <p>And the jQuery (simplified) : </p>
  
  <pre><code>function nextSlide()
  {
      $('.slide').eq(0).fadeIn(fadeSpeed);
      event.preventDefault();
  }
  
  function prevSlide()
  {
      $('.slide').eq(0).fadeOut(fadeSpeed);
      event.preventDefault();
  }
  </code></pre>
  
  <p>Now this works fine on Chrome, but on Firefox / IE, while the script still works, it reloads the page. How can I fix this please ? :/</p>
  
  <p>Thank you</p>