For inline SVG: selector by ID works, but selektor by CLASS not works

[argimko@…]

hi there! i'm not shure... i'm using inline svg code:

<svg:svg id="circle-id" class="circle-class" width="500" height="500" style="position:absolute">
	<svg:circle r="10" cx="100" cy="100"/>
</svg:svg>

and jquery code is:

<script type="text/javascript">
  $('.circle-class').animate({left:'100px'}); // so, it's NOT works
  $('#circle-id').animate({top:'100px'}); // but, it's WORK!
  // please, use Chrome 9.0 or later
</script>

it'll be more comfortable for you (full code): ​http://anivers.ru/jquery/index.xhtml

[Rick Waldron]

Confirmed.

[mpedrotti]

You could cross-reference this to #4850 and add a link from meta-ticket #7584.

[john]

Unfortunately we really don't have to bandwidth to tackle SVG-related issues, patches would be appreciated. ​http://docs.jquery.com/Won%27t_Fix