title: Want to bind an input field to a jquery-ui slider handle
body: <p>I want to bind an input field to the jquery-ui slider handle.  So whenever one value changes I want the other value to also change.  Ex: if someone types 1000 into the minimum value input field I want the lower slider handle to move to the 1000 mark.  Also if the user drags the lower slider handle to 1000 the input field should reflect that.</p>
  
  <p>Making the slider reflect the changes in the input field is easy:</p>
  
  <pre><code>$(minYearInput).blur(function () {
      $("#yearSlider").slider("values", 0, parseInt($(this).val()));
  });
  $(maxYearInput).blur(function () {   
      $("#yearSlider").slider("values", 1, parseInt($(this).val()));
  });
  </code></pre>
  
  <p>I just need help making the text fields mimic the slider.</p>
  
  <pre><code>$("#yearSlider").slider({
      range: true,
      min: 1994,
      max: 2011,
      step: 1,
      values: [ 1994 , 2011 ],
      slide: function(event, ui) {
          //what goes here?
      }
  }); 
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>A similar question from this site:  <a href="https://stackoverflow.com/questions/1330008/jquery-ui-slider-input-a-value-and-slider-move-to-location">Jquery UI Slider - Input a Value and Slider Move to Location</a></p>