javascript calculation

I'm trying to have javascript calculate an amount when the user inputs a number.

           <script type="text/JavaScript">
                function Calculate()
                 {
                     var TextBox2 = parseInt(document.getElementById('<%= numJazzPresident.ClientID%>').value);
                     var TextBox3 = parseInt(document.getElementById('<%= numWinePaint.ClientID%>').value);
                     var TextBox4 = parseInt(document.getElementById('<%= numVariety.ClientID%>').value);
 
                   if (TextBox2 == " ") {        var jazzDollar = 0;           }
                   else {                       jazzDollar = (parseInt(TextBox2) * 20);            }

                   if (TextBox3 == " ") {         var wineDollar = 0;             }
                   else {                        wineDollar = (parseInt(TextBox3) * 20);           }

                   if (TextBox4 == " ") {           var varietyDollar = 0;              }
                   else {                       varietyDollar = (parseInt(TextBox4) * 10);         }

                   document.getElementById('<%= TotalAmount.ClientID%>').value = alumniDollar + jazzDollar + wineDollar;
    }         </script>


html code

   <asp:TextBox ID="numJazzPresident"  onchange="return Calculate(this)"  runat="server" Width="32px" ></asp:TextBox>
--------------------------------------------
the "totalAmount"   textbox never gets updated