Изменить атрибут формы SVG с помощью jQuery

Question

Это мой SVG-файл:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500">

<script type="text/javascript" xlink:href="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" xlink:href="js/myscript.js"></script>

<rect id="kilote" x="70" y="70" width="50"  height="50"   style="fill:red"/>

</svg>

Я хочу изменить атрибут "width" этого прямоугольника из файла "myscript.js".

Я попробовал следующее безуспешно (Файл: "myscript.js"):

$(function(){

$('rect[id="kilote"]').attr('width', '150');

});

Я попробовал код здесь http://jsfiddle.net/k3Grd/21/, и он работает.

Однако я не могу заставить его работать локально в Firefox / Chrome.

Какие-нибудь советы?

Заранее спасибо !!!