how to do total and grand-total using jquery ?

Question

//..asp.net code

<div class="col-md-9" id="basket" >

    <div id="form1" runat="server" style="background-color:white" >

          <h1 style="color:black">Shopping cart</h1>


      <asp:Repeater runat="server" ID="r1" >
           <ItemTemplate>
             <div class="media" style="border: 2px; border-radius:5px" >
                 <div class="media-body" style="background-color: #4fbfa8">                                <asp:label runat="server" id='lblproduct_name'  class="media-heading" style="color: white"  Text='<%# Eval("Product_name") %>' >  </asp:label>
                                                          <asp:label runat="server" style="color:black"  ><b>Category: <%#Eval("category") %></b></asp:label>

                     <asp:label runat="server" id='lblqty' Class="price" style="color:black" Text='<%# Eval("product_qty") %>'  ></asp:label>
                                                                                    <asp:label runat="server" id='lblprice' style="color:black" Class="price"  Text='<%# Eval("Product_price") %>'></asp:label>

     <asp:TextBox ForeColor="Black" class="input-sm" runat="server"  name='item' id='item' onchange='getamount();' />

                                            <asp:label runat="server" id='Lbltotal' style="color:black"  Text="0" ></asp:label>
                                                                             <a href="delete_cart.aspx?id=<%#Eval("ProductID") %>">
                                      <label runat="server" id="btnremove" class="btn btn-danger pull-right">Remove</label>
                                          </a>

             </div>
           </div>
        </ItemTemplate>
     </asp:Repeater>

  </div>

 </div>

<div class="col-sm-3" style="background-color:cadetblue; color:white; border: 2px; border-radius:5px">
  <div>
 <fieldset>
<legend><b>Invoice</b></legend>
  <a href="payment.aspx?total=+spantotal.text+">
                          Total<span runat="server" class="pull-right" id="spantotal"></span>
 Delivery<span runat="server" class="pull-right" id="spandelivery">Free*</span>


<b style="color:black; font-size:large" >

  Grand-Total<span runat="server" class="pull-right" id="spangtotal"  Text="0"></span>

          </fieldset>
    </div>
</div>