получение значения входного элемента из динамически созданной таблицы

Question

Это моя таблица.

       <table id="project-table" class="table table-striped table-inverse table-responsive">
                        <caption>Projects</caption>
                        <thead class="thead-inverse">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Project name</th>
                                <th scope="col">Description</th>
                                <th scope="col">Estimated time (min)</th>
                                <th scope="col">Actual time (min)</th>
                                <th scope="col">Add task</th>
                                <th scope="col">Delete project</th>
                            </tr>
                        </thead>
                        <tbody id="project-body">


                        </tbody>
                    </table>

Эта таблица заполнена данными из вызова AJAX.

Я хотел бы использовать значение из этого ввода для использования в AJAX запросе на удаление.

<td>
 <input class="form-control" type="hidden" name="projectid" id="projectid"  value="${value.projectid}">
</td>

Код, который я использую для получения указанного идентификатора:

  let id = $(this).closest('tr').find('#projectid').val();

Но отладка этого в моем браузере возвращает undefined.

Я попытался изменить URL ajax на жестко закодированное значение, и данные были получены на бэкэнде.