2つの入力ボックスにのみ出力が表示されるのはなぜですか？

Question

JQUERY/HTMLを学習しようとしているので、ショッピングカートを作っています。私は入力ボックスに小計、税金、送料、総コストを出力しようとしています。最初の2、小計、送料は表示されますが、最後の2つの入力ボックスには何も出力されません。

HTML

<div class="form-group"> 
      <div class="subTotal"> 
       <label for="subtotal"><span>Sub Total</span><span>*</span><input type="number" class="input-field" name="subtotal" id="subtotal" disabled/></label> 
       <label for="shipping"><span>Shipping</span><span>*</span><input type="number" class="input-field" name="shipping" id="shipping" disabled/></label> 
       <label for="tax"><span>Tax</span><span>*</span><input type="number" class="input-field" name="tax" id="taxCost" disabled/></label> 
       <label for="total"><span>Total</span><span>*</span><input type="number" class="input-field" name="total" id="total" disabled/></label> 
      </div> 
     </div> 

JS

function calculateSum() { 
    var sum = 0; 
    // iterate through each td based on class and add the values 

    $(".cost").each(function() { 

     var value = $(this).text(); 
     // add only if the value is number 
     if (!isNaN(value) && value.length != 0) { 
      sum += parseFloat(value); 
     } 

    }); 
    var subtotal = sum; 
    var shippingCost = (sum * 0.085); 
    var tax = (((sum + shipping) * 0.11)); 
    var total = (sum + shippingCost + tax); 

    $("#subtotal").val(subtotal); 
    $("#shipping").val(shippingCost); 
    $("#taxCost").val(tax); 
    $("#total").val(total); 
}; 

Answer 1

あなたは、これは誤植ではありませんか？

var tax = (((sum + shipping) * 0.11)); 

ない、それは大丈夫

var tax = (((sum + shippingCost) * 0.11)); 

Answer 2

であるべきではので、私は、出力が最初から0だったので、最初のオフ、私はコード内のどこ.costを見つけることができなかった、あなたのコードを理解しようとしたので、私入力に値を追加し、次にこれを追加しました。

このコードブロックは元のコードで、配送変数の名前は間違っていますが、それはおそらくshippingCostとなっています。

var tax = ((sum + shipping) * 0.11); 

ここにコードがあります。 https://jsfiddle.net/dbu41wpa/2/