jquery - ラジオボタンの選択がjqueryで値を変更しない

Question

寄付金額のラジオボタンのセットがあります。寄付を停止するためのラジオ ボタンが 1 つと、フォームを処理するためのボタンがあります。

ここに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/