SVGのアニメーションが機能しない

Question

以下のURLのタイトル部分にSVGを利用しています。
http://study.session.jp/wordcounter/
線が動くアニメーションをつけたつもりなのですが、機能しません。
drawsvg.jsを使用しています。
どこに問題があるのか教えていただきたくこちらに投稿させていただきました。
よろしくお願いいたします。

<svg version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
			 y="0px" viewBox="0 0 918 95" style="enable-background:new 0 0 918 95;" xml:space="preserve">
		<style type="text/css">
			.st0{fill:#FF5733; stroke-miterlimit:10;}
		</style>
		<g>
			<g>
				<path class="st0" d="M39.88,74.72c-9.74,0-16.28-6.27-16.28-15.59v-0.5H35.6v0.5c0,2.4,1.92,4.35,4.27,4.35
以下略

<script>
  var mySVG = $('.svg1').drawsvg();
  mySVG.drawsvg('animate');
</script>

Answer 1

idで要素を探す場合、

  var mySVG = $('#svg1').drawsvg();

で指定すると動作すると思います。

Comments

[keikostar]

ご指摘いただきどうもありがとうございました。
＃に直したのですが、それでも動作せず、classにして.svg1に戻したのですが、だめでした。

[tino1231]

http://study.session.jp/wordcounter/
を見てみたのですが、ブラウザでconsoleを見ると、
「http://study.session.jp/wordcounter/js/jquery-1.9.1.min.js net::ERR_ABORTED 404 (Not Found)」と表示されているのですが、そもそもjQueryが読み込まれていないのではないでしょうか。

[keikostar]

オープンパスで描いていなかったのが問題だったようです。アドバイスどうもありがとうございました！