title: Create multiple range slide handles in one slider
body: <p>I am trying to add multiple handles to a jQuery UI slider widget, as in 2 or 3 or more range sliders in one slider.</p>
  
  <p>I have tried searching on google and found an article that shows how to modify it to have multiple handles but I need them to work as range sliders.</p>
  
  <p>Is there anyway to make this work?</p>
  
  <pre><code>$("#slider-range").slider({
      range: true,
      min: 0,
      max: 1439,
      values: [540, 1020],
      animate: true,
      slide: slideTime
  });
  </code></pre>
  
  <p>Thanks</p>