Объединение Raphael и jQuery для достижения совместимости с браузером

Обнаружив, что IE не обрабатывает javascript onmouseout , я решил использовать вместо него jQuery, чтобы кроссбраузерная совместимость была обеспечена автоматически. Я делаю область, определенную путем svg, подсвечивается при наведении на нее мыши, и я адаптировал код, представленный на веб-сайте Raphael, из примера Австралия .

В этом коде каждое состояние Австралия определяется путем Рафаэля, например, Тасмания:

 aus.tas = R.path("...").attr(attr);

Этот путь ('st') затем передается функции:

st[0].onmouseover = function () {
    ...
};

В отличие от того, что я ожидал, код - st [0] .onmouseover в отличие от простого st.onmouseover . Таким образом, путь на самом деле должен быть массивом, а st [0] , что бы это ни было, это то, что находится над ним.

Чтобы заменить onmouseover эквивалентом jQuery (который, как мне кажется, является .mouseout () ), мне нужно назначить класс для st [0] , поэтому я могу обратиться к нему с помощью jQuery. У меня вопрос, как мне это сделать? Если бы код был st.onmouseover , это было бы просто, но почему путь ( st ) является массивом? Что такое st [0] ? И как, черт возьми, я до него доберусь?