title: Not working HTML table rows from jQuery append()
body: <p>How to create rows in tables by append() that still be able to operate with math operations?</p>
  
  <p>Now I have row in HTML including netto price, amount, discount, tax rate and brutto price - brutto price is shown after input netto and amount, tax is selected from , but it's working only for HTML generated row, not for jQuery append. How to fix it?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table class="table table-striped table-bordered" id="invoice"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
               &lt;th class="col-xs-0"&gt;Lp.&lt;/th&gt;
               &lt;th class="col-xs-4"&gt;Towar/usługa&lt;/th&gt;
               &lt;th class="col-xs-1"&gt;PKWiU&lt;/th&gt;
               &lt;th class="col-xs-1"&gt;Ilość&lt;/th&gt;
               &lt;th class="col-xs-1"&gt;Jedn.&lt;/th&gt;
               &lt;th class="col-xs-1"&gt;Cena netto&lt;/th&gt;
               &lt;th class="col-xs-1"&gt;Rabat&lt;/th&gt;
               &lt;th class="col-xs-2"&gt;VAT&lt;/th&gt;
               &lt;th class="col-xs-1"&gt;Cena brutto&lt;/th&gt;
           &lt;/tr&gt;
       &lt;/thead&gt;
       &lt;tbody&gt;
           &lt;tr&gt;
               &lt;th&gt;&lt;p class="form-control-static"&gt;1.&lt;/p&gt;&lt;/th&gt;
               &lt;td&gt;
                   &lt;div class="form-group input-sm"&gt;
                       &lt;input type="text" name="product[]" class="form-control" required&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                   &lt;div class="form-group input-sm"&gt;
                       &lt;input type="text" name="pkwiu[]" class="form-control"&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                   &lt;div class="form-group input-sm"&gt;
                       &lt;input type="text" name="quantity[]" class="form-control quantity" required&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                   &lt;div class="form-group input-sm"&gt;
                       &lt;input type="text" name="unit[]" class="form-control"&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                   &lt;div class="form-group input-sm"&gt;
                       &lt;input type="text" name="nettoprice[]" class="form-control nettoprice" required&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                    &lt;div class="form-group input-sm"&gt;
                        &lt;input type="text" name="discount[]" class="form-control discount"&gt;
                    &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                   &lt;div class="form-group"&gt;
                       &lt;div class="col-xs-12"&gt;
                           &lt;select class="form-control vatrate" name="vatrate[]" form="invoice"&gt;
                               &lt;option value="0"&gt;zw.&lt;/option&gt;
                               &lt;option value="1.00"&gt;0%&lt;/option&gt;
                               &lt;option value="1.05"&gt;5%&lt;/option&gt;
                               &lt;option value="1.08"&gt;8%&lt;/option&gt;
                               &lt;option value="1.23" selected&gt;23%&lt;/option&gt;
                           &lt;/select&gt;
                       &lt;/div&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
               &lt;td&gt;
                   &lt;div class="form-group input-sm"&gt;
                      &lt;input type="text" name="bruttoprice[]" class="form-control bruttoprice" value=""&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>var x = 2;
  $("#addProduct").click(function(){
          $row = '&lt;tr&gt;' +
              '&lt;th&gt;'+x+'.&lt;/th&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="product[]" class="form-control" required&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="pkwiu[]" class="form-control"&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="quantity[]" class="form-control quantity" required&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="unit[]" class="form-control"&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="nettoprice[]" class="form-control nettoprice" required&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="discount[]" class="form-control discount"&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group"&gt;' +
                          '&lt;div class="col-xs-12"&gt;' +
                              '&lt;select class="form-control vatrate" name="vatrate[]" form="invoice"&gt;' +
                                  '&lt;option value="0"&gt;zw.&lt;/option&gt;' +
                                  '&lt;option value="1.00"&gt;0%&lt;/option&gt;' +
                                  '&lt;option value="1.05"&gt;5%&lt;/option&gt;' +
                                  '&lt;option value="1.08"&gt;8%&lt;/option&gt;' +
                                  '&lt;option value="1.23" selected&gt;23%&lt;/option&gt;' +
                              '&lt;/select&gt;' +
                          '&lt;/div&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
                  '&lt;td&gt;' +
                      '&lt;div class="form-group input-sm"&gt;' +
                          '&lt;input type="text" name="bruttoprice[]" class="form-control bruttoprice" value=""&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/td&gt;' +
              '&lt;/tr&gt;';
          $('#invoice &gt; tbody:last').append($row);
      x=x+1;
  });
  
  $("#deleteProduct").click(function(){
      $("tbody &gt; tr:last").remove();
      if(x &gt; 1) {
          x = x - 1;
      }
  });
  
  $('select').on('change', function () {
                  var vat = this.selectedOptions[0].value;
                  console.log(vat);
  });
  
  $(":input").on('input', function(){    
      var $tr = $(this).closest("tr");
          var netto = parseFloat($tr.find('.nettoprice').val()),
              quantity = parseFloat($tr.find('.quantity').val()),
              vat = parseFloat($tr.find('.vatrate').val()),
              discount = parseFloat($tr.find('.discount').val());
  
              if(isNaN(discount)) {
                  discount = 1;
              } else {
                  discount = discount / 100;
                  discount = 1 - discount;
              }            
  
              if(vat == 0 || vat == -1) {
                  vat = 1;
              }
          var v = '';
      console.log(netto, quantity, vat, discount);
          if(!isNaN(netto) &amp;&amp; !isNaN(vat) &amp;&amp; !isNaN(quantity)) {
              v = netto * quantity * discount * vat;
              v = v.toFixed(2);
          }
          $tr.find('.bruttoprice').val(v.toString());
      });
  </code></pre>