USE смена стиля из JavaScript(JQuery)

только начал изучать SVG поэтому строго не судите за корявости.
Цель такая, на страничке нужно показать несколько аналоговых часиков, которые должны показывать разное время.
с оформлением часиков проблем не возникло. нарисовал циферблат, три стрелки, для каждой стрелки создал свой стиль, для указания угла поворота. С помощью сделал клон и передал в стиле угловые параметры стрелок, все работает. Проблема возникает со сменой стиля из jquery… стиль ни в какую не меняется, что я не так делаю?

… вобщем так и не понял как сюда вставить код.

в SVG
line id=“second_hand” x1=“50” y1=“10” x2=“50” y2=“60” style=“stroke-width: 1; stroke: red; transform:rotate(var(–second-hand));transform-origin: 50px 50px;“
use id=”#cl0” xlink:href="#cl" x=“0” y=“0” style="–hour-hand:215deg; --minute-hand:135deg; --second-hand:75deg"

в скрипте попытка сменить стиль:
$(’#cl0’).css("–second-hand", “180deg”);

Для демонстрации своих работ в темах раздела “Общее” используйте песочницу.
А здесь в сообщение вставляйте только ссылку.