これらのjavascriptフォームの計算はSafariとFirefoxでは動作しませんが、Chromeで動作するのはなぜですか？

Question

私は次のコードを実行しています：jquery calculateプラグインを使用しているため、ローンの値に：とSafariが、Chromeの仕事は

<script type="text/javascript"> 
$(document).ready(function() {  
    $("input[id^='balance']").sum("keyup", "#totalbalance"); 
    $("input[id^='payment']").sum("keyup", "#totalpayment"); 

    $('input.ltv1, input.ltv2').click(function() { 
     var ltv1 = parseFloat($('.ltv1').val()||"0"); 
     var ltv2 = parseFloat($('.ltv2').val()||"0"); 
     result = ltv2/ltv1; 
     total = parseInt(result); 
     $('.ltv').text(total); 
    }); 

    $('input.bal1, input.bal2, input.bal3, input.ltv2').change(function() { 
     var bal1 = parseFloat($('.bal1').val() || "0"); 
     var bal2 = parseFloat($('.bal2').val() || "0"); 
     var bal3 = parseFloat($('.bal3').val() || "0"); 
     var bal = bal1 + bal2 + bal3 
     var hv = parseFloat($('.ltv2').val() || "0"); 
     result = bal/hv; 
     total = parseInt(result); 
    $('.clv').text(total); 
    }); 

    $('input.bal1, input.bal2, input.bal3, input.income').change(function() { 
     var bal1 = parseFloat($('.bal1').val() || "0"); 
     var bal2 = parseFloat($('.bal2').val() || "0"); 
     var bal3 = parseFloat($('.bal3').val() || "0"); 
     var bal = bal1 + bal2 + bal3 
     var income = parseFloat($('.income').val() || "0"); 
     result = bal/income; 
     total = parseInt(result); 
     $('.dti').text(total); 
    }); 

}); 

</script> 

私はjavascriptを最高の状態では、私は

はとにかくサイトが http://settlementprep.com/pre-qual/homeowner/で、少しボックスは異なる計算を示して...このつなぎ合わせているわけではありません複合ローンと住宅ローンは機能しません。

誰か手掛かりがありますか？あなたのページに、私はclass="ltv"で任意のオブジェクトが表示されない、

$('.ltv').text(total); 

しかし：

おかげで、あなたのJavaScriptで

Answer 1

は、私はこれを参照してください。

<p id="ltv"></p> 

この代わりにする必要がありますあなたのjavascriptのコードを暗示する：

$('#ltv').text(total); 

同じことが.clvのために真であると思わ私はこのHTMLを参照してください。コードとHTMLが一致しません。

FYIでは、宣言されていないグローバル変数もresultとtotalのように表示されます。これらはローカル変数でなければなりません（ローカル変数にするには最初の使用の前にvarが必要です）。