Need help with order form not emailing total

I have an order form that calculates the total, but the total is saved in a <div> and not in the form so when I hit submit, I get everything emailed except the total. Any ideas on how I fix this?

Here is the link: http://www.redfivedesigns.com/mapp/estimate.html

Thanks,

Tommy

 

divs don't have a value attribute, so they cannot be used to POST data

Insert this in your form's HTML

<input type="hidden" name="total" id="total" value=""/>

Code (markup):

Use JavaScript to change the value of the <input> above.

[COLOR=#000000][FONT=verdana]//If total is 200 for example

var total = document.getElementById('total');    [/FONT][/COLOR]
[COLOR=#000000][FONT=verdana]total.value = "200";[/FONT][/COLOR]

Code (markup):

 

So does this look right if I want the total displayed and emailed?

<div id="totalPrice"></div>
                <input type="hidden" name="totalPrice" id="totalPrice" value=""/>
                </fieldset>

Code (markup):

 

Yes, it can work that way.

 

what cannot?