two handle sliders - Java Script

Hi,

I am trying to put together a survey where I ask for a range using a slider with two handles. then record the high and low number for that question

Being new to Java Script i tried to use the code from a previous thread which suggested this web page

https://codepen.io/Op_Je_Plaatsman/pen/VdKEam

So far I have tried to use it in a question but can't get it to display in the question.

Wondering how to get it to read results and to display in the question.

Currently the code looks like this:

Qualtrics.SurveyEngine.addOnready(function()
{
jquery("#slider-range").slider({
range: true,
min: 0,
max: 10,
step: 1,
slide: function( event, ui ) {
$( "#min-value").html(ui.values[ 0 ]);

suffix = '';
if (ui.values[ 1 ] == $( "#max-price").data('max') ){
suffix = ' +';
}
jquery( "#max-value").html(ui.values[ 1 ] + suffix);
}
})


});