i'm working with the jQuery UI slider. what i wanna do is to make a legend / text / labels under the slider...
i got it but the code looks bad.. any idea how to improve it?

var slider  = $('#slider');

var minva = slider.slider('option','min');          //36

var maxva = slider.slider('option','max');          //60

var stepva = slider.slider('option','step');        //12

var blokva = parseInt(( maxva  - minva) / stepva ); //2

var width = slider.width() / blokva ;

var beginst = '<div class="legend"><span style="left: 0%"><ins>'+minva+'</ins></span>';

var endst   = '<span style="left: 100%"><ins>'+maxva+'</ins></span></div>';

var middlest ="";

for (var i = 1; i <= blokva -1; ++i) {

 middlest += '<span style="left: '+ (width * i) +'%"><ins>'+ parseInt(minva + (stepva * i)) +'</ins></span>';

}

var legendst = beginst + middlest + endst;

slider.append(legendst);