页面按回车搜索失效问题

页面按回车搜索失效问题

form表单中
jquery监听回车事件做搜索按钮点击
敲击回车后整体页面刷新，未做搜索动作

html

<form class="layui-form layui-table-form" lay-filter="form">
    <fieldset class="layui-elem-field layui-field-title" style="">
        <legend style="font-size: 15px; font-weight: bolder;">查询</legend>
    </fieldset>
    <div class="layui-row">
        <div class="layui-col-md11">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label layui-form-label-sm">名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="name" autocomplete="off" class="layui-input"
                              ay-verify="txt" maxlength="15">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md1 layui-col-sm12 layui-col-xs12 table-action-area">
            <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain table-action"
                 lay-submit lay-filter="query" id="query">
                <i class="layui-icon">&#xe848;</i>
            </div>
            <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain table-action"
                 id="reset" lay-filter="reset">
                <i class="layui-icon">&#xe79b;</i>
            </div>
        </div>
    </div>
</form>

javascript

//按回车搜索
$(".layui-input").keyup(function (e) {//当按下按键时
     if (e.which == 13) {//.which属性判断按下的是哪个键，回车键的键位序号为13
         $('#query').click();
     }
 });

原因：
form中只存在一个input时敲击回车做页面刷新
需添加隐藏的input标签敲击回车做form提交，局部刷新