title: bootstrap-slider link input number with slide change
body: <p>I am using <code>bootstrap-slider.js</code>. My problem is that I can't link input number with a slide. I want to slide to change too if the input number is changed.</p>
  
  <p><strong>Slider</strong></p>
  
  <pre><code>&lt;div id="slider-year" class="search-block"&gt;
    &lt;h2 class="title"&gt;Production year&lt;/h2&gt;
    &lt;div class="slider-year-amount"&gt;
      &lt;span class="pull-left"&gt;1900&lt;/span&gt;
      &lt;span class="pull-right"&gt;2017&lt;/span&gt;
    &lt;/div&gt;
    &lt;input type="text" class="year-slider" style="width:100%" data-slider-min="1900" data-slider-max="2017" data-slider-step="1" data-slider-value="[1900,2017]" /&gt;
    &lt;div class="row"&gt;
      &lt;div class="year-box"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;label&gt;From&lt;/label&gt;
          &lt;input type="number" min="1900" max="2019" class="form-control" placeholder="1900" id="minYear" value="1900" name="year_since"&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;label&gt;To&lt;/label&gt;
          &lt;input type="number" min="1901" max="2020" class="form-control" placeholder="2017" id="maxYear" value="2017" name="year_to"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>How I try to update slider:</strong>    </p>
  
  <pre><code>jQuery("#minYear").change(function () {
      jQuery("#slider-year").slider('setValue', jQuery(this).val());
  });
  </code></pre>
  
  <p>Also here is documentation for this slider if anyone is curious, I couldn't find solution there: <code>http://www.eyecon.ro/bootstrap-slider</code></p>
  
  <p>JsFiddle: <a href="https://jsfiddle.net/y95vfds3/6/" rel="nofollow noreferrer">https://jsfiddle.net/y95vfds3/6/</a></p>