$(document).ready(function()
{	
	var total = 0;
	
	function calcTotal()
	{
		$("input:checked").each(function()
		{
			//This happens for each checked input field
			var value = $(this).attr("value");
			total += parseFloat(value); 
		});
	}

	//This happens when the page loads 
    calcTotal();     
    $("form").before('<p class="total">Your Order Total: <strong>&pound;' + total.toFixed(2) + '</strong></p>'); 
$("form").before('<input type=hidden name=cost value=' + total.toFixed(2) + '>'); 
         
    $("input:checkbox, input:radio").click(function() 
    { 
        total = 0; 
        calcTotal(); 
        $("p.total").html("Your Order Total: <strong>&pound;" + total.toFixed(2) + "</strong>"); 
    }); 
});