Почему jQuery автоматически опускает значения атрибутов корпуса?

Я работаю с SVG, который непосредственно помещен в файл HTML

<code><svg>
   Contents...
</svg>
</code>

Используя javascript / jQuery, я хочу добавить атрибут в SVG

<code>$("svg").attr("viewBox", "0 0 166 361");
</code>

Вот модифицированный SVG после запуска вышеуказанного скрипта

<code><svg viewbox="0 0 166 361">
   Contents...
</svg>
</code>

обратите внимание, это ставит viewbox, а не viewBox. Поскольку viewbox (в нижнем регистре) ничего не делает, мне нужно, чтобы это было viewBox (camelcase)

Есть идеи?

** Обновить **

Я выполнил небольшой тест, где рендерил атрибут viewBox со стороны сервера, а затем запустил скрипт выше. Вы можете видеть, что 1. При рендеринге со стороны сервера это нормально. 2. jQuery не распознал атрибут viewBox camelCase и вставил еще один в нижний регистр.

<code><svg version="1.1" id="Layer_1" x="0pt" y="0pt" width="332" 
     height="722" viewBox=" 0 0 100 100" viewbox="0 0 166 332">
...
</svg>
</code>

Ответы на вопрос(4)

Ваш ответ на вопрос