jQuery .click没有获取SVG元素

Question

我正在尝试使用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>