javascript - Jquery での SVG の使用

Question

HTML 内に SVG を埋め込み、Jquery を使用してイベントをバインドしたいと考えています。しかし、Jquery 呼び出しで予期しない結果が得られます。これにより、Uncaught ReferenceError: sayHello is not defined in my browserが発生することがあります。しかし、それ以外の場合は、コンソールの印刷がクリック イベントに正しくバインドされません。

<a href='#'> Click me! </a>
<embed id='board' src="tictactoe.svg" height="100%" width="100%" style="border:solid #999 1" >

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 100 100" onload="sayHello()"> 
...
</svg>

function sayHello() {
    $('a').on('click',function(e){e.preventDefault(); console.log('hello');});
}