title: Add 20% to values multiple times in jQuery
body: <p>I am trying to add 20% to a span class on KeyUp of a field on the same row. I am stuck adding the 20% and I also don't think the rows are being picked up individually. I have the following:</p>
  
  <p>jQuery code:</p>
  
  <pre><code>$(".account-form .price input[type='text']").on('keyup',function(){
          $(".account-form .price").each(function(){
              var value = $(this).find("input[type='text']").val();
          });
          $(".vatPrice").html(value);
      });
  </code></pre>
  
  <p>The html</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li class="price"&gt;&lt;label&gt;&lt;span&gt;Price row 1&lt;/span&gt;&lt;input value="20.00" type="text" name="price1"&gt;&lt;span class="vatPrice"&gt;£0.00&lt;/span&gt;&lt;/label&gt;&lt;/li&gt;
      &lt;li class="price"&gt;&lt;label&gt;&lt;span&gt;Price row 2&lt;/span&gt;&lt;input value="40.00" type="text" name="price2"&gt;&lt;span class="vatPrice"&gt;£0.00&lt;/span&gt;&lt;/label&gt;&lt;/li&gt;
      &lt;li class="price"&gt;&lt;label&gt;&lt;span&gt;Price row 3&lt;/span&gt;&lt;input value="80.00" type="text" name="price3"&gt;&lt;span class="vatPrice"&gt;£0.00&lt;/span&gt;&lt;/label&gt;&lt;/li&gt;
      &lt;li class="price"&gt;&lt;label&gt;&lt;span&gt;Price row 4&lt;/span&gt;&lt;input value="120.00" type="text" name="price4"&gt;&lt;span class="vatPrice"&gt;£0.00&lt;/span&gt;&lt;/label&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>