AJAX提交表单后，页面被刷新，求解解决思路

AJAX提交表单后，页面被刷新，求解
提交表单后，后能能正常接收到数据，但是表单当前页面自动刷新，求解，已试过 async: false, 

$(document).ready(function() {

	$("#signinButt").click(function() {		

		$.ajax({

				url: 'signinValidation',

				type: 'POST',

				datatype: 'JSON',				

				data: $('#signinForm').serialize(),

			})

			.done(function() {

				console.log("success");				

			})

			.fail(function() {

				console.log("error");		

			});

	});

});

<form method="post" id="signinForm">

        <div class="form-group mb10">

          <div class="input-group">

            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>

            <input type="text" class="form-control" placeholder="Enter Username" name="adminName" />

          </div>

        </div>

        <div class="form-group nomargin">

          <div class="input-group">

            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>

            <input type="password" class="form-control" placeholder="Enter Password" name="adminPass"  />

          </div>

        </div>

        <div><br /><br /><br /></div>

        <div class="form-group">

          <button class="btn btn-success btn-quirk btn-block btn-lg" id="signinButt">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;陆</button>

        </div>

      </form>

------解决思路----------------------
 $("#signinButt").click(function() {       
        $.ajax({
                url: 'signinValidation',
                type: 'POST',
                datatype: 'JSON',               
                data: $('#signinForm').serialize(),
            })
            .done(function() {
                console.log("success");               
            })
            .fail(function() {
                console.log("error");       
            });
       return false
    });