Javascript 单击“不拾取SVG元素”

我试图使用jQuery为SVG矩形创建一个单击事件。无论我使用的是标记还是ID，jQuery似乎都没有拾取任何SVG元素或子元素。我正在寻找获得此功能的最简单解决方案

JQUERY

$(document).ready(function(){
    $('rect').click(function(){
        alert('yeah')
        x = $(this).attr('x')
        y = 9 - $(this).attr('y')
        ws.send( JSON.stringify({'command': 'squareclicked', 'x': x, 'y': y}) )
    })
})

HTML

---

为我显示的警报：您正在哪个浏览器中测试？

<div id="container">
    <svg id="bigsvg">
        <g class="whitesquares">
            <rect width="1" ID="square18" y="1" x="1" height="1" />
        </g>
    </svg>
</div>