title: ui slider with text box input
body: <p>We have a ui slider we utilise, and it works flawlessly.</p>
  
  <p>code:</p>
  
  <pre><code>jQuery(function() {
  jQuery( "#slider-range-min" ).slider({
      range: "min",
      value: 1,
      step: 1000,
      min: 0,
      max: 5000000,
      slide: function( event, ui ) {
          jQuery( "#amount" ).val( "$" + ui.value );
      }
  });
  jQuery( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
  });
  </code></pre>
  
  <p>As you can see we allow user to pick anything between 0 and 5,000,000.</p>
  
  <p>Html is:</p>
  
  <pre><code>&lt;div id="slider-range-min" style="width: 460px; float:left;margin:10px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is add a text input element which works in harmony with the slider, so as user slides the texy box increases, decreases whatever..</p>
  
  <p>Or if the user types numbers into the input element the slider moves appropriately.</p>
  
  <p>Any help please ?</p>
  
  <p>Preview is:</p>
  
  <p><img src="https://i.stack.imgur.com/g9K5j.png" alt="enter image description here"></p>