title: Add a second function to existing jQuery 'On Input' to update element value
body: <p>I have an existing jQuery function that calculates the product of two input fields as they are filled out (before the form is submitted).</p>
  
  <p>I need help expanding this function, or otherwise adding to it, so that each time it does its current calc, it also updates certain  element values with content from other input fields on the page.</p>
  
  <pre><code>jQuery(document).ready(function($) {
      var $total = $('#total'),
          $value = $('.value');
      $value.on('input', function(e) {
          var total = 1;
          $value.each(function(index, elem) {
              if(!Number.isNaN(parseFloat(this.value)))
                  total = total * parseFloat(this.value);
          });
          $total.val(total);
      });
  });
  </code></pre>
  
  <p>The end requirement is that the person filling the form sees the total (product of two fields) change as they type, AND they also see the information from their form populate a terms and conditions statement.</p>
  
  <p>Here's a simplified version of my form.</p>
  
  <pre><code>&lt;input type="text" size="5" id="value1" name="value1" class="value" /&gt;
  &lt;input type="text" size="5" id="value2" name="value2" class="value" /&gt;
  
  &lt;input type="text" size="5" id="total" readonly="readonly" class="bckground" name="total" /&gt;
  
  &lt;h5&gt;First&lt;/h5&gt;
  &lt;input type="text" name="firstname" value="Enter First Name" size="20" /&gt;
  
  &lt;h5&gt;Last&lt;/h5&gt;
  &lt;input type="text" name="lastname" value="Enter Last Name" size="20" /&gt;
  
  &lt;br&gt;&lt;br&gt;
  I &lt;span id="pledgefirstname"&gt;--&lt;/span&gt; &lt;span id="pledgelastname"&gt;--&lt;/span&gt; pledge to donate...
  </code></pre>
  
  <p>Note the two functions really have nothing to do with each other than the fact that they dynamically update information so that the user can see the result of what they are filling out in real time.</p>
  
  <p><a href="http://jsfiddle.net/QC6GV/8/" rel="nofollow">jsFiddle</a></p>
  
  <p>Desired outcome <code>I Joe Bloggs pledge to donate...</code> populates dynamically as user fills out their name.</p>