I have a jQuery UI slider:

$('div.slider').slider({

    range: true,

    step: 250,

    min: 1000,

    max: 500000,

    values: [1000,500000],

    change: function(event, ui){

        console.log($(this).slider('values', 0)+','+$(this).slider('values', 1));

    },

    slide: function(event, ui){

        console.log($(this).slider('values', 0)+','+$(this).slider('values', 1));

    }

});

For some odd reason, when releasing the slider (mouseup) the value changes slightly from what it was. The slide event is returning something different than what the change event is. Anyone have any ideas what might be causing this and how I could solve it?

I'm going to have a pretty intense operation in the callback for the change event (meaning I can't just use sldie), but also need to show the values of the slider live, so I can't use just one or the other.

Here's a fiddle with this oddity in action: http://jsfiddle.net/5W6Zh/

Thanks in advance