title: Animating an INPUT of type RANGE
body: <p>I have the following <code>input</code>:
  <code>&lt;input id="meepmeep" type="range" min="0" max="128" step="1" value="0" /&gt;</code></p>
  
  <p>And I'm doing a basic <code>setInterval()</code> call:</p>
  
  <pre><code>setInterval(function() {
      var newVal = $('#meepmeep').val() + 1;
      $('#meepmeep').val(newVal);
  }, 500);
  </code></pre>
  
  <p>But the incremented <code>val() + 1</code> seems to be <code>val() + 50</code> any ideas?!</p>
  
  <p>Fiddle for the lazy: <a href="http://jsfiddle.net/neuroflux/SNYsa/" rel="nofollow">http://jsfiddle.net/neuroflux/SNYsa/</a></p>