jQuery does not work with SVG documents

[uncle.f]

I am trying to use jQuery to dynamically change the contents of an SVG 1.1 document.

I have included the jquery library the following way in my SVG document:

<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
<?xml-stylesheet href="my.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
         "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
<script xlink:href="my.js" type="text/ecmascript" />
<script xlink:href="jquery.js" type="text/ecmascript" />
<svg>
 ....
</svg>

Firefox/Opera load this correctly and it is possible to use jQuery with them. However IE6.x and IE7.x throw an error like this:

navigator.userAgent is null or not an object line:1 column:0

Operating jQuery in IE is not possible after that.

[john]

Internet Explorer's SVG/JavaScript implementation is really really scary. There's a vast fleet of bugs that are completely different from normal IE JavaScript bugs. For that reason, I'm going to have to say that we're not going to fix this. Maybe someday we can build svgQuery - but until then, we're stuck with what we have (a really bad SVG implementation in IE).