title: $(...).noUiSlider.set is not a `function`
body: <p>I am using <strong><a href="http://refreshless.com/nouislider/slider-read-write/" rel="nofollow"><code>this noUiSlider</code></a></strong> in my application. But I cannot use its <code>set</code> method and set its value programatically. I was trying as below:</p>
  
  <pre><code>$(this).noUiSlider.set([null, 2000000]);
  </code></pre>
  
  <p>But it throws console error saying <code>$(this).noUiSlider.set([null, 2000000]);</code>
  Not sure what's the correct way. According to <strong><a href="http://refreshless.com/nouislider/slider-read-write/" rel="nofollow">their docs</a></strong> it should be working.. <strong><a href="https://jsfiddle.net/Guruprasad_Rao/wscr6v2g/" rel="nofollow">Here is the demo</a></strong></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label&gt;Price Range?&lt;/label&gt;
    &lt;div class="ui-slider" id="price-slider" data-value-min="10000" data-value-max="4000000" data-value-type="price" data-currency="&amp;#8377;" data-home="home" data-currency-placement="before"&gt;
      &lt;div class="values clearfix"&gt;
        &lt;input class="value-min" name="value-min[]" readonly&gt;
        &lt;input class="value-max" name="value-max[]" readonly&gt;
      &lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and <strong>JS</strong></p>
  
  <pre><code>if ($('.ui-slider').length &gt; 0) {
    $('.ui-slider').each(function() {
      var step;
      if ($(this).attr('data-step')) {
        step = parseInt($(this).attr('data-step'));
      } else {
        step = 10;
      }
      var sliderElement = $(this).attr('id');
      var element = $('#' + sliderElement);
      var valueMin = parseInt($(this).attr('data-value-min'));
      var valueMax = parseInt($(this).attr('data-value-max'));
      $(this).noUiSlider({
        start: [valueMin, valueMax],
        connect: true,
        range: {
          'min': valueMin,
          'max': valueMax
        },
        step: step
      });
      if ($(this).attr('data-value-type') == 'price') {
        if ($(this).attr('data-currency-placement') == 'before') {
          $(this).Link('lower').to($(this).children('.values').children('.value-min'), null, wNumb({
            prefix: $(this).attr('data-currency'),
            decimals: 2,
            thousand: ','
          }));
          $(this).Link('upper').to($(this).children('.values').children('.value-max'), null, wNumb({
            prefix: $(this).attr('data-currency'),
            decimals: 2,
            thousand: ','
          }));
        } else if ($(this).attr('data-currency-placement') == 'after') {
          $(this).Link('lower').to($(this).children('.values').children('.value-min'), null, wNumb({
            postfix: $(this).attr('data-currency'),
            decimals: 0,
            thousand: ' '
          }));
          $(this).Link('upper').to($(this).children('.values').children('.value-max'), null, wNumb({
            postfix: $(this).attr('data-currency'),
            decimals: 0,
            thousand: ' '
          }));
        }
      } else {
        $(this).Link('lower').to($(this).children('.values').children('.value-min'), null, wNumb({
          decimals: 0
        }));
        $(this).Link('upper').to($(this).children('.values').children('.value-max'), null, wNumb({
          decimals: 0
        }));
      }
      if ($(this).attr('id') == "price-slider")
        $(this).noUiSlider.set([null, 2000000]); //error here, doesn't identify the function.
    });
  }
  </code></pre>
  
  <p>Any help is appreciated!</p>