Как скрыть таблицу при отправке формы, используя JQuery, и при этом использовать форму?

Question

Вот мой JQuery код:

<script>
            $(document).ready(function(){
                $("#searchproductform").submit(function(){
                   $("#getallitemstable").hide();
                   return false;
                });
            });
</script>

Вот код из JSP для формы:

<form id="searchproductform" class="form-inline my-2 my-lg-0" action="manageproducts.jsp" method="GET">
                                    <input class="form-control mr-sm-2" name="ckeyword" type="text" placeholder="Enter keyword" aria-label="Search">;
                                    <button id="searchbutton" class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

А вот код для таблицы

<table class="newitemstable" id="getallitemstable">
                        <%
                        ResultSet rs = dao.GetAllProducts();
                        while(rs.next()){
                        %>
                        <td>
                            <div class="card mb-2 product adminmngproduct">
                                <div class="newitemimgdiv">
                                    <img class="newitemimg" src="<%=rs.getString("productImageDir")%>" alt="Card image cap">
                                </div>
                                <div class="card-body">
                                    <div class="adminitemdescr">ID: <%=rs.getString("productID")%><br><%=rs.getString("productName")%><br><%=rs.getString("productDescription")%></div><p><%=rs.getString("productBrand")%></p>
                                  <p class="newitemprice">LKR <%=rs.getDouble("productPrice")%><br>In stock: <%=rs.getInt("numInStock")%></p>
                                </div>
                              </div>
                        </td>
                        <%
                            }
                        %>
</table>

Функция этой страницы заключается в отображении всех продуктов и возможности фильтрации по результатам поиска. Таблица, которую я упомянул, - это та, которая отображает все продукты, тогда как есть другая таблица, которая отображает результаты поиска.

Я хочу, чтобы при отправке формы отображалось только последнее.

При этом отображается первая таблица, когда страница загружается, и когда нажимается кнопка отправки формы, таблица скрывается, но сама функция поиска не работает, скорее кнопка отправки формы заканчивается только скрытием таблицы ( Функция поиска работает нормально, когда кода JQuery нет).

Если "return false;" отсутствует в функции JQuery, кнопка отправки формы отображает не только результаты поиска, но и таблицу, которую необходимо скрыть. Если форма отправляется позже, таблица скрывается, но только на секунду.

Как это исправить?