jQuery Ticket 3116

.attr does not work with SVG IDLs

HTML

<p>If there is a circle partly off the left edge, the following statement succeeded:</p>
<p>$('circle').attr('cx', 100);</p>
<p>However, you probably do not see a circle at all, because this file was served as HTML5 instead of XHTML5 :-(</p>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:// 
www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="3000" height="3000">
<style type="text/css">
svg { opacity: 1 }
circle { stroke-width: 10; stroke: currentColor; }
</style>
<circle cx="200" cy="200" r="150" />
</svg>

CSS

circle { color: red; }

JavaScript

(function ($) {
$('circle').attr("cx", 100);
} (jQuery));