Как переместить массивы из текстового поля в таблицу с помощью Javascript

Я пытаюсь переместить результат ввода из текстового поля в таблицу. Я использую javascript для получения значения массива.

Но теперь я могу отобразить его только в одном текстовом поле. Я не понимаю, как разделить значение массива в таблицу.

<script src = "https://code.jquery.com/jquery-1.12.4.js"></script>

x <input type = "text" name = "px[]" value = "" /> y <input type = "text" name = "py[]" value = "" /><br>
x <input type = "text" name = "px[]" value = "" /> y <input type = "text" name = "py[]" value = "" /><br>
x <input type = "text" name = "px[]" value = "" /> y <input type = "text" name = "py[]" value = "" /><br>
x <input type = "text" name = "px[]" value = "" /> y <input type = "text" name = "py[]" value = "" /><br>
<input type = "button" value = "next" onclick = "next3();">

<textarea id = "koord" value = "" style = "width:220px;"></textarea>

<script>
function next3(){

    var vx = String($("input[name='px[]']").map(function(){return $(this).val();}).get());  
    var vy = String($("input[name='py[]']").map(function(){return $(this).val();}).get());

    var vxArr = vx.split(",");
    var vyArr = vy.split(",");

    var lenArr = vxArr.length;

    var isi = "";
    for (i = 0; i < lenArr; i++) {
        var koord = "X" + vxArr[i] + " " + "Y" + vyArr[i];
        //alert (koord);
        var isi = isi + ', ' + koord;

    } 

    //alert (isi);

    var lastChar = isi.substr(2); // => "1"

    $("#koord").val(lastChar);

}
</script>

Результат в текстовом поле

Ссылка на изображение https://postimg.cc/fJWHhxp9

Я ожидаю

+---------+---------+
| X Point | Y Point |
+---------+---------+
|     123 |     456 |
|     123 |     456 |
|     123 |     456 |
|     123 |     456 |
+---------+---------+