Всем доброго времени суток. Есть вопрос по обработке данных.
Есть форма

  <button id="add">Add</button>
  <table class="table_base">
  <tr id="str"><td><input type="text" name="name[]" style="width: 120px"></td><td><input type="text" name="quantity[]" style="width: 61px" class="quantity" placeholder="0"></td><td><input type="text" name="price[]" style="width: 61px" class="price" placeholder="0"></td><td><input type="text" name="sum[]" style="width: 61px" class="sum"></td></tr>[html]

[html]
Затем в форме подгружаю строки через js
[js]
$(document).ready(function(){
$('#add').click(function() {
$('<tr id="str"><td><input type="text" name="name[]" style="width: 120px"></td><td><input type="text" name="quantity[]" style="width: 61px" class="quantity" placeholder="0"></td><td><input type="text" name="price[]" style="width: 61px" class="price" placeholder="0"></td><td><input type="text" name="sum[]" style="width: 61px" class="sum"></td></tr>').appendTo('.table_base');
});
$(this).on('keyup','.quantity,.price',function () {
var quantity = $(this).closest('tr').find('.quantity').val();
var price = $(this).closest('tr').find('.price').val();
var sum = $(this).closest('tr').find('.sum');
quantity = parseFloat(quantity);
price = parseFloat(price);
var result = quantity * price;
if(!isNaN(result)){
sum.val(result);
}
});
});[js]
Потом на странице пытаюсь вывести данные через foreach

<?
$name_pr = isset($_POST['name_pr']) ? $_POST['name_pr'] : array();
$echo='<div class="result">'; 
foreach($name_pr as $k) { 
    $echo.='<span class="result_element">'.$k.'</span><br>'; 
} 
$echo.='</div>'; 
echo $echo; 
?> 

Но выводит только данные из строки заданные в html. Как вывести данные которые я подгружаю через js?