使用 jQuery 计算选中的单选按钮

我的页面有不同数量的单选按钮。这些按钮有两个不同的类，yes, and no。当用户向下浏览页面时，我需要计算出他们选择了每个类别的数量，并将其显示在<p>在页面底部。

当用户多次单击单选按钮时，我无法将 1 添加到变量中。这是我的代码的 JS 小提琴：

http://jsfiddle.net/AnWU3/3/ http://jsfiddle.net/AnWU3/3/

由于某种原因它根本不起作用，我不明白为什么。

请尝试以下操作：

$(document).ready(function() {
    $('input:radio').change(function(){
        var yes = $('.yes:checked').length
        var no = $('.no:checked').length
        $('.yes_results').text(yes)
        $('.no_results').text(no)                        
    })
});

DEMO http://jsfiddle.net/AnWU3/4/