点击form 表单中的button导致页面刷新问题

<form>
  <!-- ... -->
  <button>提交</button>
</form>

<button class="btn btn-success margin_r20" id="startTest" type="button">开始调试</button>

$("#startTest").click(function(){
	   $(".stateOnline").css("display","inline-block");
	   if($(this).hasClass("btn-success")){
	     alert("hi")
		 $(this).text("停止调试")
	     $(this).removeClass("btn-success").addClass("btn-warning")
	   }
	   else if($(this).hasClass("btn-warning")){
	     $(this).text("开始调试")
	     $(this).removeClass("btn-warning").addClass("btn-success")
	   }
})