jquery easySlider simple question

Hi, i am using a jquery app named easyslider. Worked fine when only one slider was used. But then i tried to use several sliders into the same page. It bugged to i guessed that i was because the css div were ID (cant be used more than once) so i change div to CLASS and it works.

problem is that that line causes problems:

span#nextButton a {

It refuses to show when a second slider is added.

So i searched for any SPAN tag into the easyslider.js file, here what i think is the line:

$(obj).after('<span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span> <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>');

So i changed this for that:

span.nextButton a {

and this for that

$(obj).after('<span class="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span> <span class="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>');

- - -

Still not working. Help needed and appreciate.

Thanks!