Issue with jQuery slider - using multiples sliders, cannot get correct value for second
<p>Im struggling with an issue on jQuery UI Sliders. I've initialised 2 sliders on a page as such </p>

<pre><code>    $("#slider1").slider({
    range: true,
    values: [0,150],
    step: 6,
    slide: function(event, ui) {
        update_indicator(ui);
    }
    });
    $("#slider2").slider({
    range: true,
    values: [0,150],
    step: 6,
    slide: function(event, ui) {
        update_indicator(ui);
    }
    });
</code></pre>

<p>I want to bind a stop event to both, and I need to extract the current values for each. For example</p>

<pre><code>    $("#slider1").live( "slidestop", function(event, ui) {
    do_something_with($('#slider1').slider("option", "values"), $('#slider2').slider("option", "values"));
});
</code></pre>

<p>The same event is bound to #slider2, but I when I view the values in the console, they never correspond to what is actually on the slider itself. Sometimes it updates, sometimes it doesnt. </p>

<p>Anyone come across similar issues ?</p>
