Есть ли причина, по которой формы не будут отправляться с использованием jQuery внутри таблиц, или я просто делаю что-то не так? Я проверил отправку формы за пределы таблицы, затем, как только я завернул ее в таблицу, она перестала работать, хотя я добавил дополнительнуюparent() восполнить форму, движущуюся над<td> элемент в коде. Может ли кто-нибудь помочь мне с этим вопросом, пожалуйста?

HTML

WITHOUT TABLE
<form action="page.cfm" method="post">
    <select class="select">
        <option>Test</option>
    </select>
</form>

WITH TABLE
<table>
    <tr>
        <form action="page.cfm" method="post">
            <td>
                <select class="select">
                    <option>Test</option>
                </select>
            </td>
        </form>
    </tr>
</table>

JQuery

WITHOUT TABLE
$(".select").on("change", function() {
    $(this).parent("form").submit();
});

WITH TABLE
$(".select").on("change", function() {
    $(this).parent().parent("form").submit();
});