为什么jQuery的ajax输出结果一闪就消失

我这里遇到了一个问题就是每次ajax后的结果总是会消失

$.ajax({
                type : "POST", //提交方式
                url : queryUrl,//路径
                data : {
                    name : name
                },//数据，这里使用的是Json格式进行传输
                success : function(result) {//返回数据根据结果进行相应的处理
                    console.log(result)
                    $("#queryResult").val(result)
                }
            });

原因出在了把button按钮写到了form表单里面

<form>
    <input type="text" id="queryName" />
    <button id="btnQuery">查询</button>
</form>
<textarea id="queryResult"></textarea>

把button移出来就没问题了

<form>
    <input type="text" id="queryName" />
</form>
<button id="btnQuery">查询</button>
<textarea id="queryResult"></textarea>