Por que os valores de atributo de invólucro inferior do jQuery são automáticos?

Eu estou trabalhando com um SVG que é colocado diretamente em um arquivo HTML

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

Usando javascript / jQuery eu quero adicionar um atributo para o SVG

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

Aqui está o SVG modificado depois de executar o script acima

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

note que coloca viewbox e não viewBox. Como o viewbox (caixa baixa) não faz nada, eu preciso que ele seja viewBox (camelcase)

Alguma ideia?

** Atualização **

Eu corri um pequeno teste onde eu processei o atributo viewBox do lado do servidor, então eu corri o script acima. Você pode ver que 1. Quando processado a partir do lado do servidor, está bem. 2. O jQuery não reconheceu o atributo viewBox camelCase e inseriu outro em todas as letras minúsculas.

<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>

questionAnswers(4)

yourAnswerToTheQuestion