jQuery animate.css not working correctly on Firefox only

I'm pretty much a novice at jQuery and i'm trying to use some animations which work fine except on Firefox.

I'm using the animate.css library and trying to use the animations for text captions on a slider.

I'm using the Soliloquy wordpress plugin slider.

The soliloquy slider adds a

.soliloquy-active-slide

to the currently active slide so i've added jQuery to add the animated class on the active slide:

jQuery('#caption-1').on('.soliloquy-id-8 .soliloquy-active-slide').addClass('animated slideInLeft');

The animation actually works when the first slide loads, but then stops working when the slider comes back round to the first slide.

Oddly this only happens on Firefox, in Chrome and Safari the animation keeps on running when it comes back to the first slider.

Odder still, the animation does work as intended firebug debugger is open.

I realise i haven't posted much code but I can provide more if needed.

Any help getting this working on Firefox would be great.

Cheers

via Chebli Mohamed