title: Jquery Range Slider Handle css is not working?
body: <p>in my jsp page having 2 range sliders. one is  Filter by Result based on TIME(0-24 hrs), another one is filter Result based on FARE(0,1000). i am using jquery UI slider. I want different/separate  slider handle for each slider. i changed css but the second slider handle overwriting first slider handle? how can i achieve separate handles? my code is here [my Sample code][1]: <a href="http://jsfiddle.net/hari034/ypAdf/" rel="nofollow">http://jsfiddle.net/hari034/ypAdf/</a> . i am using query.ui.core.js,jquery.ui.widget.js,jquery.ui.mouse.js,uery.slider.js,query-ui-custom.css files. </p>