title: How to update HTML with new input value set with javascript?
body: <p>Sorry if this is a repeated question but I could not figure out to word this any better to perform a search. To further explain, I have a few disabled inputs with default values, pretty much inputs to display text. I have chose this method instead of just using <code>&lt;p&gt;</code> etc because I am making this for a client and would like to maybe in the future enable these fields to make them editable. Anyways, after calculating some data in javascript, the value of these input fields are changed (through javascript of course) but do not update the value on the screen. The value is updating because the calculations are coming out correctly, the HTML part is not updating however. If I need to explain more please comment, but below I will post the HTML and javascript code.</p>
  
  <p>EDIT</p>
  
  <p>To best describe this, here is an example of how my HTML appears in the web browser:
  <code>Inverter Service Fees $ 0.00</code> When I call the javascript function it changes the value of the input but the web browser still displays <code>Inverter Service Fees $ 0.00</code> where I want it to display <code>Inverter Service Fees $ (updated value)</code> Hope this makes more sense!</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;Inverter Service Fees &lt;i class='fa fa-info-circle fa-lg' title='Labor and gas are included.'&gt;&lt;/i&gt;&lt;/td&gt;
    &lt;td align='right'&gt;$ &lt;input  id='inputServiceFees' value='0.00' disabled&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>inputServiceFees = parseFloat(document.getElementById('inputServiceFees').value, 10);
  
  inputServiceFees = varServiceFees;
  inputServiceFees.value = varServiceFees;
  inputServiceFees.innerHTML = varServiceFees;
  </code></pre>