title: jQuery slider range
body: <p>I am trying to use the range property of the jQuery slider so that the slider control displays two handles from which the user can select a price range for real estate. The code I have is:</p>
  
  <pre><code>$("#price").slider({ range: true, minValue: 0, maxValue: 2000000,
    change:
    function(e, ui) {
      var range = (Math.round(ui.range) * 10) + " to " + ui.value;
      $("#pricedesc").text(range);
    } 
  });
  </code></pre>
  
  <p>The price range should be from $0 to $2,000,000. When I slide the handles on the slider though I get unusual values such as "690 to 13". How exactly is the double handle slider meant to work?</p>