title: jQuery UI slider step issue
body: <p>I got an issue with jquery-ui slider . I want to change step on different values. But I got a bug when I change step on value 1 000 000 from 50 000 to 100 000, I got 1 150 000 not 1 100 000. </p>
  
  <pre><code>$( function() {
      var handle = $( "#custom-handle" );
      $( "#slider-auto" ).slider({
         min : 50000,
         max : 10000000,
         step : 10000,
         create: function() {
             handle.text( $( this ).slider( "value" ) );
         },
         slide: function( event, ui ) {
             handle.text( ui.value );
             if(ui.value &gt;= 100000 &amp;&amp; ui.value &lt; 1000000){
                 $(this).slider('option', 'step', 50000);
             }
             else if(ui.value &gt;= 1000000  &amp;&amp; ui.value &lt; 10000000){
                 $(this).slider('option', 'step', 100000);
             }
         }
     });
  });
  </code></pre>
  
  <p>You can see that bug here: <a href="http://test.dizajn-interiera.su/avtolombard/" rel="nofollow noreferrer">http://test.dizajn-interiera.su/avtolombard/</a> , second block, first ui-slider with thousands.</p>
  
  <p>Any help would be appreciated</p>