Raphael.js：如何让所有重叠的项目处理事件

Question

假设我在一个更大的蓝色矩形上面有一个小红色矩形：

var paper = Raphael(0,0,500,500);

var rect1 = paper.rect(0, 0, 100, 100);
rect1.attr({fill: 'blue'});
rect1.click(greet);

var rect2 = paper.rect(10, 10, 50, 50);
rect2.attr({fill: 'red'});



var greet = function(){
    alert('hi');
};

如果单击红色矩形，如何使蓝色矩形处理事件？