Question: I am using several jQuery sliders as user inputs.

Each slider (1) is created by (2) and they work perfectly.

1. `div class="slider" id="a_unique_identifier_for_this_slider"> /div>`
2. `$(document).ready(function() { $(".slider").slider();});`

The issue I am having is that I would like for each unique slider to have a unique handle (image, shape or etc). This could be stylized in the jquery-ui.css, but it alters all my slider handles.

Is there any way that I can define several "handle styles" and then attribute them to the sliders I want?

Thanks,
Clinton

Answer: 
Put this in your `$(document).ready(function() {})` code block:

```
$(".slider").slider();
$('#a_unique_identifier_for_this_slider .ui-slider-handle').eq(0).addClass("ui-slider-handle-some-unique-class");

```

This adds a css class for one of the sliders. You can do this for every slider. The css is up to you.
Just add some CSS specific to your slider div

```
#a_unique_identifier_for_this_slider span.ui-slider-handle { background: red; }

```