jquery - 单选按钮选择不使用jquery改变值

Question

我有一组用于捐赠金额的单选按钮。有一个单选按钮可以停止您的捐赠，还有一个按钮可以处理表格。

这是HTML。我没有列出所有的单选按钮，但你明白了：

<form id="donationForm">

    <label for="xDollar1" class="amount" style="font-weight:bold;">$1</label>        
    <input type="radio" id="xDollar1" name="xDollar" value="1" <cfif #donation_amount# EQ 1>checked</cfif>>

    <label for="xDollar2" class="amount" style="font-weight:bold;">$2</label>
    <input type="radio" id="xDollar2" name="xDollar" value="2" <cfif #donation_amount# EQ 2>checked</cfif>>

    <cfif donation_amount neq 0>
        <input type="radio" id="xDollar0" name="xDollar" value="0">
    </cfif>

    <input type="button" id="sButton" value="Submit Dollar Energy Fund Donation">

</form>

现在的jQuery：

$(document).ready(function(){
    $("input[name=xDollar][type=radio]").change(function(){
    //I have tried both setting a variable and using straight jquery in the following if statement
        if($("input[name=xDollar][type=radio]:checked").val() == 0){
            $("#sButton").val("Stop Donation");
        }
        ...
    }
});

我已经创建了一个实际工作的小提琴，但在我的网站上，它不是。有什么建议么？

http://jsfiddle.net/rbmako69/sEedT/6/