title: jQuery NoUiSlider Won't work with a max value of 10
body: <p>When I set a stock value of say 100, it works.</p>
  
  <p>A live copy of this problem is here: <a href="http://mypcdeals.com/product-list.php?c=motherboards#limit=20&amp;p=0" rel="nofollow">http://mypcdeals.com/product-list.php?c=motherboards#limit=20&amp;p=0</a></p>
  
  <p>The "SATA 3GB/S PORTS" slider in the bottom left of the product search is not being formatted properly for a min 0 max of 10.</p>
  
  <p>Here is the code that should set it:</p>
  
  <pre><code>      initPopulateRangeSliders: function () {
          $('.rangefilter').each(function () {
              var id = $(this).attr('id');
              //get the max value for this field 
              $.getJSON("/getSliderMax?f=" + id, function (data) {
                  if (data.success)
                  {
                      var theMax = data.max;
                      alert('Max should be set to:' + theMax);
                      var theSlider = document.getElementById(id);
                      var settings = {
                          start: 0,
                          behaviour: 'snap',
                          range: {
                              'min': 0,
                              'max': theMax
                          }
                      }
                      noUiSlider.create(theSlider, settings);
                  }
              });
          });
  </code></pre>
  
  <p>If you load the page you will see the alert box show you the max value, but I get the error of:</p>
  
  <p>Uncaught Error: noUiSlider: 'range' contains invalid value.</p>
  
  <p>Why?</p>