title: jQuery UI Slider not giving "Slide" effect when dragging the pointer from one point to another
body: <p>I have a jQuery UI slider here.</p>
  
  <p><a href="http://jsfiddle.net/DrR7s/7/" rel="nofollow noreferrer">http://jsfiddle.net/DrR7s/7/</a></p>
  
  <p>I have animate attribues value as "true". When I place my mouse pointer somewhere on the bar and click there, it is giving a slide visual effect. But if I drag the slider pointer to a different point, I am not getting the animated slide effect which I got in the other case. It looks like its jumping from one point to another. Is there any way I can have the slide effect here too ? </p>
  
  <p>Below is my script:</p>
  
  <pre><code> $(function(){
  
   $('#slider').slider({
   animate: true,
   step:1,
   min:0,
   max:5
  
  });
  
  });
  </code></pre>