jquery ui slider how to set handle color ?

jquery ui slider how to set handle color ?

with code below i can set the the color of the slider handle after a document event . but it doesnt set the color at pageload.  How to set the color of the slider handle at pageload.

$(document).ready(function () {


$(function () {

$("#slider").slider({

orientation: "horizontal",

min: 0,

max: 256,

value: 127,

//slide: refreshSwatch,

//change: refreshSwatch

});

});

$(".ui-slider-handle ui-state-default ui-corner-all").css("background-color", "#FF0000")

});