title: How to get input range during change with jquery?
body: <p>I'm using jQuery 2.1 in Chrome 41. I need to get the values from an input slider as it changes; however, when I use the change event with jquery, I only get the value from the slider after the mouse is released, not during the mousedown and drag.</p>
  
  <p>This small example illustrates the problem:</p>
  
  <pre><code>&lt;input type="range" id="slider" value="0.5" min="0.0" max="1.0" step="0.01" /&gt;
  
  &lt;br /&gt;
  
  &lt;span id="slider_value"&gt;Nothing yet.&lt;/span&gt;
  
  &lt;script&gt;
  $(document).on('change', '#slider', function() {
      $('#slider_value').html( $(this).val() );
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I think I could come up with a fix by setting a boolean on mouse up/down events and then getting the values on mousemove events. Is there a cleaner solution?</p>