title: jQuery UI slider and textbox value 2-way update
body: <p>I'm trying to implement the jQuery slider, which seems to be going ok, however, I'm not a javascript guy and as such I'm struggling to make the next step.</p>
  
  <p>I have a slider and a visible textbox. What I want to do is update the textbox from the slider and update the slider value if a value is input directly into the textbox.</p>
  
  <pre><code>$(".amount-slider").slider({
      min: 100,
      max: 1000,
      step: 1,
      value: 300,
      animate: true,
      slide: function (event, ui) {
  
          $(this).next(".amount-value").val(ui.value);
      },
      create: function (event, ui) {
      }
  });
  </code></pre>
  
  <p>Any ideas?</p>