Question

i am looking at firebug but i can only see two elements

how can i turn this

into, for example this?

Do i have to manually add a class or something?

this is how i init

.slider({
                    value : $(this).attr('data-value'),
                    min: 0,
                    max: 100,
                    step: 5,
                    disabled: true,
                    slide: function( event, ui ) {  }

});

Answer 1

$("#slider-range-min").slider({
    range: "min",
    value: $(this).data('value'),
    min: 1,
    max: 700,
    slide: function(event, ui) {
        ....
    }
});​

http://jqueryui.com/demos/slider/#rangemin