replace all SVG images with inline SVG

Currently there isn\'t an easy way to embed an SVG image and then have access to the SVG elements via CSS. There are various methods of using JS SVG frameworks, but they are overly complicated if all you are doing is making a simple icon with a rollover state. This replaces all SVG images with inline SVGs so you can style them with css.

*  Replace all SVG images with inline SVG *
$(\'img.svg\').each(function(){
	var $img = $(this);
	var imgID = $img.attr(\'id\');
	var imgClass = $img.attr(\'class\');
	var imgURL = $img.attr(\'src\');

	$.get(imgURL, function(data) {
		 Get the SVG tag, ignore the rest
		var $svg = $(data).find(\'svg\');
		 Add replaced image\'s ID to the new SVG
		if (typeof imgID !== \'undefined\') {
			$svg = $svg.attr(\'id\', imgID);
		}
		 Add replaced image\'s classes to the new SVG
		if (typeof imgClass !== \'undefined\') {
			$svg = $svg.attr(\'class\', imgClass+\' replaced-svg\');
		}
		 Remove any invalid XML tags as per http:validator.w3.org
		$svg = $svg.removeAttr(\'xmlns:a\');
		 Replace image with new SVG
		$img.replaceWith($svg);
	});
});