title: Jquery UI slider with two handles with input from two text box?
body: <p>I need a jquery slider with two handles with inputs from two textbox like this <a href="http://www.israel-diamonds.com/search/diamonds/default.aspx" rel="nofollow">http://www.israel-diamonds.com/search/diamonds/default.aspx</a> .Currently i have a single handle slider with input from a single textbox</p>
  
  <pre><code>$("#slider").slider({
      value: 1,
      step: 1000,
      min: 0,
      max: 5000000,
      slide: function(event, ui) {
          $("input").val("$" + ui.value);
      }
  });
  $("input").change(function () {
      var value = this.value.substring(1);
      console.log(value);
      $("#slider").slider("value", parseInt(value));
  });
  </code></pre>
  
  <p>Any suggestion?</p>
  
  <p>EDIT:</p>
  
  <pre><code>&lt;div class="demo"&gt;
      &lt;input type="text" class="sliderValue"  /&gt;
          &lt;p&gt;
          &lt;/p&gt;
          &lt;div id="slider"&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>  $("#slider").slider({
          range: "min",
          value: 1,
          step: 10,
          min: 0,
          max: 1000,
          slide: function (event, ui) {
              $("input").val(ui.value);
          }
      });
  
  
      $("input").change(function (event) {
          var value1 = parseFloat($("input").val());
          var highVal = value1 * 2;
          $("#slider").slider("option", { "max": highVal, "value": value1 });
      });
  </code></pre>