Получить все данные из таблицы

Помогите пожалуйста написать код. Имеется таблица с 3 формами. На основе нее генерируется pdf файл с таблицей.

<table id="myTable" class="table table-sm order-list">
    <thead>
        <tr>
            <th>Товар</th>
            <th>Стоимость</th>
            <th>Кол-во</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>
                <select id="name" name="name" class="custom-select name">
                    <option selected>Выбрать</option>
                </select>
            </th>
            <td>
                <input type="text" class="form-control cost" id="cost" name="cost" placeholder="">
            </td>
            <td>
                <input type="number" class="form-control qua" id="qua" name="qua" value="1" placeholder="">
            </td>
        </tr>
    </tbody>
</table>

var name = $(".name").val();
var cost = $(".cost").val();
var qua = $(".qua").val();
var externalDataRetrievedFromServer = [
    { 'Наименование': name, 'Стоимость': cost, 'Кол-во': qua }
];

Переделали форму с динамическим добавлением новых строк в таблицу, т.е. добавляется новый блок TR с таким же содержимым как и в таблице выше.

Необходимо теперь каким-то образом добавить это все в var externalDataRetrievedFromServer, чтобы получилось так:

var externalDataRetrievedFromServer = [
    { 'Наименование': name, 'Стоимость': cost, 'Кол-во': qua },
    { 'Наименование': name, 'Стоимость': cost, 'Кол-во': qua },
    { 'Наименование': name, 'Стоимость': cost, 'Кол-во': qua },
];

Строк может быть как 1, так и 10,20,100 Спасибо.