title: Dynamically set HTML5 range slider min, max and step values?
body: <p>How to dynamically set the max, min and step value dynamically for HTML5 range control?</p>
  
  <pre><code>&lt;input id="slider" type ="range" min="0" max="300" step="20" value="100" /&gt;
  </code></pre>
  
  <p>I have used the following try but no luck for me</p>
  
  <pre><code>$('#slider').attr('min', 10);
  $('#slider').attr('max', 100);
  </code></pre>