title: Use JQuery to multiply values from dynamically created input fields
body: <p>I'm using JQuery to dynamically create table rows. Each row contains 3 text fields. As users type into a text field, the table row is cloned and multiple rows are added as required.  All that works fine.</p>
  
  <p>Numerical values are entered into the first 2 fields, which are multiplied. The output automatically appears in the 3rd text box. As the input fields are clones, I can't use getElementById to run the function &amp; multiply the values.</p>
  
  <p>I was told to use <code>onchange</code> using parent siblings, but I don't know how to do that. Can someone give me an example?</p>
  
  <p>Here is a sample of my code in JS Fiddle: <a href="https://jsfiddle.net/mzctb778/" rel="nofollow">https://jsfiddle.net/mzctb778/</a></p>