透過していない部分だけクリックイベントを発生させる方法

こんな感じのJavaScriptを記述すると透過している(背景が見えている)部分をクリックしてもクリックイベントが発生してしまいます。

$(function() {
	$('svg').click(function() {
		alert('クリックしたよ!!');
	});
});

この様に指定すれば透過していない部分だけでクリックイベントが発生。

$(function() {
	$('svg > g').click(function() {
		alert('クリックしたよ!!');
	});
});

こちらのページで試せます。