form表单中button按键jquery追加内容出现问题

问题描述：

在form表单中定义跳转到servlet，表单中定义了button事件，该事件通过jquery追加内容，但点击后内容追加了，但是页面也跳转到servlet

原因：button的type属性有三种类型：submit，button，reset。在Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

<form action="/test2/NewArticleServlet" method="post">
<button id="Ajaxtwo" type="button"  onclick="add()">jquery改变内容</button>	
<div id="myDiv"></div>
<input class="btn btn-default" type="submit" value="提交" />
</form>
<script type="text/javascript">
		function add(){
			$("#myDiv").append(function(n) {
				
				return "<b>This p element has index " + n + "</b>";
	
			});		
		}	
</script>