title: jquery ui slider range fix to RTL
body: <p>I wang to change Jquery slider range to RTL. I am usign this: <a href="http://jqueryui.com/slider/#range" rel="noreferrer">http://jqueryui.com/slider/#range</a></p>
  
  <p>Jquery code:</p>
  
  <pre><code>    $(function() {
      $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 1000000,
        values: [ 100000, 500000 ],
        slide: function( event, ui ) {
          $( "#amount" ).val(addCommas(ui.values[1])+ " تومان                " + addCommas(ui.values[0])+" تومان");
        }
      });
      $( "#amount" ).val( addCommas( $( "#slider-range" ).slider( "values", 1 ) )  + " تومان                " + addCommas( $( "#slider-range" ).slider( "values", 0 ) ) + "تومان" );
    });
  
    function addCommas(nStr){
      nStr += '';
      x = nStr.split('.');
      x1 = x[0];
      x2 = x.length &gt; 1 ? '.' + x[1] : '';
      var rgx = /(\d+)(\d{3})/;
      while (rgx.test(x1)) {
          x1 = x1.replace(rgx, '$1' + ',' + '$2');
      }
      return x1 + x2;
    }
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;label for="amount"&gt;قیمت:&lt;/label&gt;
  &lt;div id="slider-range"&gt;&lt;/div&gt;
  &lt;input type="text" id="amount" readonly&gt;
  </code></pre>
  
  <p>See image:
  <img src="https://i.stack.imgur.com/rLS0T.jpg" alt="enter image description here"></p>
  
  <p>I want to invert the max and min buttons place (RTL).
  how to change jquery code or html code? </p>