title: Change a text box's value continuously as a HTML5 range slider moves
body: <p>I have a pair of inputs that are text and range types respectively</p>
  <pre><code>&lt;input type=range min=100 max=100000 val=1000 step=1000 id=priceSliderMin&gt;&lt;/input&gt;`
  &lt;input type=text id=priceTextMin&gt;&lt;/input&gt;
  </code></pre>
  <p>I also have a pair of jQuery functions that update the partner input as the other changes.</p>
  <pre><code>$('#priceSliderMin').change(function(event){
  $('#priceTextMin').prop('value', parseInt($('#priceSliderMin').prop('value')));
  });
  $('#priceTextMin').keyup(function(event){
  $('#priceSliderMin').prop('value', parseInt($('#priceTextMin').prop('value')))
  })
  </code></pre>
  <p>The problem is that the slider doesn't update the text field until I release the mouse button. Is there a way I could update it as it moves? I found an <a href="http://demosthenes.info/blog/757/Playing-With-The-HTML5-range-Slider-Input" rel="nofollow noreferrer">example</a> using raw JavaScript that seems to work, but I can't replicate it with jQuery, even when using Chrome.</p>