title: preventDefault() not working on SELECT elements in Firefox 9.0.1
body: <p>I realise there are other questions on preventDefault() not working with Firefox, but they did not help me.</p>
  
  <p>I've got three SELECT lists, and all I want is to navigate between them using the arrow keys <em>without changing any values</em>. The code works great in Chrome, but in Firefox it moves focus and then changes the value on the element just moved to.</p>
  
  <p><a href="http://jsbin.com/ofitif/3/edit" rel="noreferrer">http://jsbin.com/ofitif/3/edit</a></p>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>$(document).ready(function () { 
    $('.myinput').keydown(function (evt) { onkeydown(evt); });
    $('.myinput:first').focus(); 
  }); 
  
  function onkeydown(evt) {
    evt.preventDefault();
    console.log(evt.which);
    if(evt.which == 39) {
      $(document.activeElement).next().focus();
    }
    else if(evt.which == 37) {
      $(document.activeElement).prev().focus();
    }             
  }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="inputs"&gt;
      &lt;select class="myinput"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;select class="myinput"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;select class="myinput"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>