title: How to update html5 range on change of a text input?
body: <p>I have a html5 range input and a text box input. When the range changes, the text box will get updated. But what should I do so that when I put a number in the text box, the range input gets updated?</p>
  
  <p>This is my current code:</p>
  
  <pre><code>&lt;div&gt;
  &lt;input id="slider" type="range" min="0" max="200" /&gt;
  &lt;input id="box" type="text" value="0"/&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  var slider = document.getElementById('slider');
  $('#box').change(function(){slider.value=parseInt(this.value)});
  &lt;/script&gt;
  </code></pre>
  
  <p>When I edit my text box, my slider (range input) does NOT change. What am I doing wrong? Can it be that I shouldn't be using slider.value to update the slider? If that is the reason, what is the correct way to do that?</p>