title: Calculation help needed in javascript
body: <p>Why won't this short example work?  I am trying to get a total calculated on the fly, but it seems the function's aren't updating the total box. </p>
  
  <p>In my actual work I am using radio buttons to update the pricing on the fly (rather than the button shown here), which each have an onclick function applied. </p>
  
  <p><a href="http://jsfiddle.net/jvEDt/1/" rel="nofollow">http://jsfiddle.net/jvEDt/1/</a></p>
  
  <p>Any help would be amazing! Thanks very much</p>
  
  <pre><code>Your order total: &lt;input type="text" id="totalbox" name="totalbox" size="10" maxlength="10" readonly="readonly" value="0.00" /&gt;&lt;br&gt;
  
  &lt;input name="Order" type="submit" value="Order" onclick ="JavaScript: calculateTotal();"&gt;
  
  function calculateTotal()
  {
  var total = "5.00";
  var totalbox = document.getElementById('totalbox');
  totalbox.value = "£" + total;
  }
  </code></pre>