Read-only field not changing after assignment
<p>In my HTML form I have a read-only field that contains the fee based on a variety of selections and radio boxes.</p>

<pre><code>&lt;input name="AdultFee_1" type="text" class="tabfont_right" id="AdultFee_1" value="0" size="10"  readonly="readonly" /&gt;
</code></pre>

<p>The following javascript (shortened for brevity) is used to assign a fee and display it in AdultFee_1.</p>

<pre><code>function GetField (FieldID)
{
  return document.getElementById(FieldID);   
} //endfunction GetField (FieldID)

function CalcAdultFee (EntryID)
{
var fee=0.00;

// Retrieve data values from the form.
var AdultRegType = GetField ("AdultRegType_" + EntryID);
var AdultTSCredit = GetField ("AdultTSCredit_" + EntryID);
var AdultPrayerRetreat = GetField ("AdultPrayerRetreat_" + EntryID);
var AdultFee = GetField ("AdultFee_" + EntryID);

// Check that the current date is before the early-bird cutoff.
if (new Date() &lt; new Date(2012, 8, 29)) {

  // Determine the fee based on the registration type selected. Add costs for Temple School 
  // Credit and Adult Prayer Retreat if selected. If the user is only going to the Friday
  // Friday prayer retreat, do not add the additional option if selected.
  switch (AdultRegType.value) {
      case "Adult Registration": 
        fee = 85.00 + parseFloat((AdultTSCredit.checked) ? 10 : 0) + parseFloat((AdultPrayerRetreat.checked) ? 35: 0);
        break;
      case "College Student": 
        fee = 25.00 + parseFloat((AdultTSCredit.checked) ? 10 : 0) + parseFloat((AdultPrayerRetreat.checked) ? 35: 0); 
        break;
      case "IHQ/Field Staff": 
        fee = 42.50 + parseFloat((AdultTSCredit.checked) ? 10 : 0) + parseFloat((AdultPrayerRetreat.checked) ? 35: 0); 
        break;
      case "ONLY Friday Prayer Retreat": 
        fee = 35.00 + parseFloat((AdultTSCredit.checked) ? 10 : 0); 
        break;
      default:
        fee = 0.00;
  } //endswitch (RegType)

// elseif (new Date() &lt; new Date(2012, 8, 29))
}//endif (new Date() &lt; new Date(2012, 8, 29))

AdultFee.value = fee;
CalcGrandTotal();

} //endfunction CalcAdultFee (RegType)
</code></pre>

<p>The issue in IE8 is that the new value does not appear on the form until a user clicks on a field. This seems to work well in IE9, FF12, and Safari. I must be missing something. What do I do?</p>
