Chained transition on multiple objects completes instantly

[kilometers]

I have several divs of class .class-name. I select them all with $('.class-name') and chain animate them using .transition(...).transition(...);

The first transition animates correctly, smoothly interpolating -- however, the second transition(...) usually "snaps" immediately to the new CSS values without interpolation. I say usually because once every 5 to 7 times the animation does work. This behaviour has been observed in both Firefox and Chrome.

[swinggraphics]

It changes the values instantly, without delay or animation. This also happens if the second transition is put in a callback rather than chained. I have not experienced it working correctly, even sporadically.