The first use of
Code:
$( "#jQuerySlider" ).slider ..
is over-written by the second use. I'm guessing you should have two separate sliders,
#jQuerySlider1 and
#jQuerySlider2. Otherwise, you should merge those two .slider() calls into one: how can one slider have two sets of min and max values?!
Edited: You can, but they need effectively the same
step.
Once you've resolved this you would then use code like this:
Code:
$( "#jQuerySlider" ).slider({
value:1,
min: 0,
max: 5,
step: 1,
slide: function( event, ui ) {
$( "#pages" ).val( "Pages" + ui.value );
$( "#amount" ).val( "£" + ui.value );
}
});
Added: To merge them you need to use the same number of steps, and do something like:
Code:
$( "#amount" ).val( "£" + ui.value *50 + 149);