Subtotal em Javascript

Olá este é o código que faz o cálculo do meu carrinho de compras, funciona perfeitamente, mas quando atualiza a pagina no navegador , volta ao preço inicial, ou seja se adicionar2 produtos ele exibe direito, mas quando ha um refresh do navegador ele volta para uma quantidade, como posso resolver ? $(document).ready(function (e) {
 $('input').change(function (e) {
 id = $(this).attr('rel');
 $index = this.value;
 $preco = $('font#preco'+id).html().replace("R$ ",'');
 console.log($preco);
 $val = ($preco*$index).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');;
 $('font#sub'+id).html('R$ '+$val);
 });
 });