title: Calculation between controls array using jquery
body: <p>I am creating 2 dynamic controls array. </p>
  
  <pre><code>&lt;input type=text name=quantity[]&gt;
  &lt;input type=text name=price[]&gt;
  </code></pre>
  
  <p>I want to multiply these two inputs and show the result accordingly. I want to do it on frontend using javascript or jQuery.</p>
  
  <p>What will be the best possible way of doing it?</p>
  
  <p><strong>EDIT</strong>
  @Zeus 
  As I mentioned in the question it is an array of controls so the code will go like this</p>
  
  <pre><code>&lt;input type="text" name="quantity[]"&gt; &lt;input type="text" name="price[]"&gt;
  &lt;input type="text" name="quantity[]"&gt; &lt;input type="text" name="price[]"&gt;
  &lt;input type="text" name="quantity[]"&gt; &lt;input type="text" name="price[]"&gt;
  </code></pre>
  
  <p>Now I will enter quantity in first textfield and price in the second one. For each row I need to multiply these fields and show the result next to them.</p>
  
  <p>Hope it explains the question more.</p>