title: jSlider jQuery plugin: Set a minimum range, and format minimum value?
body: <p>I am using <a href="http://egorkhmelev.github.com/jslider/" rel="nofollow">jSlider</a> to implement a touch-friendly range slider, but I have two problems: </p>
  
  <ol>
  <li>I would like to set a minimum <strong>range</strong> of $10, but I don't seem to be able to do this. (In other words, there's always at least $10 between the lower and upper values.)</li>
  <li>I can't get the minimum <strong>value</strong> to format correctly as $0 - it's showing <code>$</code> rather than <code>$0</code> (actually I'd prefer it to be <code>$1</code> but I can't implement that either). </li>
  </ol>
  
  <p>I've set up a JSFiddle with my slider: <a href="http://jsfiddle.net/v3gUg/9/" rel="nofollow">http://jsfiddle.net/v3gUg/9/</a></p>
  
  <p>Here is the code too, for reference: </p>
  
  <pre><code>var options = { 
    from: 0,
    to: 500,
    round: 10, 
    heterogeneity: ['50/100', '75/250'], 
    scale: ["£0", '|', "£50", '|' , "£100", '|', "£250", '|', "£500"],
    limits: true,
    step: 10,
    format: { format: '£#' }, // Doesn't return 0 correctly. 
    skin: "round_plastic",
    onstatechange: function() { 
        // Check range here and return false if too small?
        // But return false doesn't seem to do anything. 
       return false;
    }
  };
  jQuery("#price-slider").slider(options);
  </code></pre>
  
  <p>Can anyone suggest a solution to either problem?</p>