title: How to get multiple values from range slider - bootstrap-slider.js
body: <p>I am using bootstrap-slider.js - <a href="http://www.eyecon.ro/bootstrap-slider/" rel="nofollow">http://www.eyecon.ro/bootstrap-slider/</a>  to give me range slider functionality. I have 9 sliders on one page and am getting the value only from the first slider.</p>
  
  <p>How do I get the value for the other sliders?</p>
  
  <pre><code>&lt;input type="text" class="sliderMaster slider-horizontal" id="sl9" name="q12" value="" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="show"&gt;
  
  
  &lt;input type="text" class="sliderMaster slider-horizontal" id="sl2" name="q2" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="show"&gt;
  
  
  &lt;input type="text" class="sliderMaster slider-horizontal" id="sl3" name="q3" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" data-slider-orientation="horizontal" data-slider-selection="after" data-slider-tooltip="show"&gt;
  
  $(function(){
      $('#sl1').slider({
            formater: function(value) {
              return 'Current value: '+value;
            }
      });
      $('#sl2').slider({
            formater: function(value) {
              return 'Current value: '+value;
            }
      });
      $('#sl3').slider({
            formater: function(value) {
              return 'Current value: '+value;
            }
      });
   });
  </code></pre>