Using SVG with Jquery
I want to embed/load a svg file inside my html and manipulate it using Jquery AND have it positioned nicely. I am following
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#scripting_HTML , where I use the "embed" tag with the height/width options to control the sizing and positions. But I am having trouble binding events to the SVG's. Other questions and answers seem to suggest the problem being a question of whether the SVG has loaded yet. Is it possible to use the 'load' or 'svgload' event when you are using the *embed* tag? 

somefileA.svg

    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 200 200">
    <circle r="50" cx="100" cy="100"/>
    </svg>

HTML

    <html><body><b>
    Here is a web page with an <br> SVG
    file embedded in it</b><br>
    <embed src="/somefileC.svg"
    height="100" width="100" style="border:solid #999 1">
    And more <br>just for good measure.
    </body></html>

JS

    $('body').load('somefileA.svg', function() {
    		console.log('ready');
    });


Using SVG with Jquery
===

I want to embed/load a svg file inside my html and manipulate it using Jquery AND have it positioned nicely. I am following
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#scripting_HTML , where I use the "embed" tag with the height/width options to control the sizing and positions. But I am having trouble binding events to the SVG's. Other questions and answers seem to suggest the problem being a question of whether the SVG has loaded yet. Is it possible to use the 'load' or 'svgload' event when you are using the *embed* tag? 

somefileA.svg

    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 200 200">
    <circle r="50" cx="100" cy="100"/>
    </svg>

HTML

    <html><body><b>
    Here is a web page with an <br> SVG
    file embedded in it</b><br>
    <embed src="/somefileC.svg"
    height="100" width="100" style="border:solid #999 1">
    And more <br>just for good measure.
    </body></html>

JS

    $('body').load('somefileA.svg', function() {
    		console.log('ready');
    });

