title: noUiSlider set values on page load
body: <p>I'm using the <a href="http://refreshless.com/nouislider/" rel="nofollow">noUiSlider</a> on a new project of mine. </p>
  
  <p>I have the element within a form that allows the user to select a range of price (min and max). When the form is submitted both values are used in the code to filter items of a range between these two selected prices.</p>
  
  <p>HTML/PHP:</p>
  
  <pre><code>&lt;div id="m-price"&gt;&lt;/div&gt;
  
  &lt;div class="field field-range"&gt;
      &lt;input type="text" min="0" max="5000" step="100" id="price-min" name="price-min" value="&lt;?php echo ($_POST['price-min']) ? $_POST['price-min'] : ''; ?&gt;"&gt;
  &lt;/div&gt;
  
  &lt;div class="field field-range"&gt;
      &lt;input type="text" min="0" max="5000" step="100" id="price-max" name="price-max" value="&lt;?php echo ($_POST['price-max']) ? $_POST['price-max'] : ''; ?&gt;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#m-price').noUiSlider({
      range: {
          'min': 0,
          'max': 500
      }
      ,step: 100
      ,start: [0,500]
      ,connect: true
      ,serialization: {
          lower: [
              $.Link({
                  target: $('#price-min'),
                  format: {
                      decimals: 3,
                      mark: ','
                  }
              })
          ],
          upper: [
              $.Link({
                  target: $('#price-max'),
                  format: {
                      decimals: 3,
                      mark: ','
                  }
              })
          ]
      }
  });
  </code></pre>
  
  <p>Now this is currently working perfectly, however, I have on the form elements an 'if value exists set that value to the form input(s) value' every time the page reloads (just like a sticky form thing so the user knows what they searched for). </p>
  
  <p>The way the noUiSlider works this is not possible as the element initializes on page load and the values are set using 'start: [0,500]'. I notice there is a 'set' event but how can I use it in this scenario?</p>