title: Jquery not able to set value for slider dynamically
body: <p>I have below slider in my html5 page:</p>
  
  <pre><code>&lt;input type="range" name="start-weight" id="start-weight"  value="100" min="100" max="500"  data-mini="true"&gt;
  </code></pre>
  
  <p>I'm trying to change its value dynamically using javascript function as below:</p>
  
  <pre><code>$('#start-weight').val(400).slider('refresh');
  </code></pre>
  
  <p>The value remains 100 and there is no movement for the slider</p>