使用 jQuery，如果选择单选按钮则隐藏文本框

我有 2 个单选按钮，我想要的是用户选择顶部单选按钮然后隐藏文本框。

不确定如何将事件绑定到单选按钮。

像这样的事情：

<input type="radio" name="foo" value="top" />
<input type="radio" name="foo" value="bottom" />

在 jQuery 中：

$('input[name=foo]').click(function() {
    if($(this).val() == "top") {
        $('#textbox').hide();
    } else {
        $('#textbox').show();
    }
});

click因为change似乎在 IE 上不能正常工作。