如何为每个JQuery UI Slider句柄使用不同的图像

所以我想我必须使用CSS子选择器,这可能是跨浏览器问题.或者我可以使用一些JQuery技巧将CSS类添加到第二个句柄？有人以前整齐地做过这件事吗？

$(window).load(function(){
    handle = $('#slider A.ui-slider-handle');        
    handle.eq(0).addClass('first-handle');        
    handle.eq(1).addClass('second-handle');
});