"string" value in a jQuery Slider?

"string" value in a jQuery Slider?

Hi All,

I'm trying to implement a jQuery slider that increments, but the value displayed is a text string rather than the numerical value of the slider ui.

I'm using http://jqueryui.com/demos/slider/#steps as a resource.

Here's the current code if you don't want to click:

$(function() {
           $("#slider-p").slider({
            value:50,
            min: 0,
            max: 100,
            step: 20,
            slide: function(event, ui) {
                $("#price").val(ui.value);
            }
        });
        $("#price").val($("#slider-p").slider("value"));
    });


I'm thinking I need a switch or else if statement, but I haven't found anything helpful on Google.

Ideally, there will be 5 increments and I'd like to show the strings, "how much???", "a bargain", "a good deal", "a bit steep" and "a steal!"

Thanks for any and all advice and help.

Clint