Javascript 默认排序不起作用

我正在使用Woocommerce插件和wordpress，并在排序中遇到问题。当我尝试使用select选项进行排序时，页面不会重新加载。我想这是JavaScript的问题，请帮我纠正他的问题

这是HTML代码：

<form class="woocommerce-ordering" method="get">
    <select name="orderby" class="orderby">
                    <option value="popularity">Sort by popularity</option>
                    <option value="rating">Sort by average rating</option>
                    <option value="date">Sort by latest</option>
                    <option value="price" selected="selected">Sort by price: low to high</option>
                    <option value="price-desc">Sort by price: high to low</option>
            </select>
    <input type="hidden" name="paged" value="1">
    </form>

按受欢迎程度排序
按平均评级排序
按最新排序
按价格排序：从低到高
按价格排序：从高到低

您只需将此javascript函数放入页脚即可

$(function() {
    $('.woocommerce-ordering select').change(function() {
        this.form.submit();
    });
});