Validation / Submit Button Question
I guess this is a question of why is it working this way? I can't see the being normal behavior; what am I missing?
I'm using the validation plugin and I have two buttons within a form. One is a submit submit<input> and another a button <button>. When I click on either of the buttons it validates the forms and submits the form? Why is the <button> causing validation to perform?
Thanks..
Script...
<script>
$(document).ready(function(){
$("#cmaForm").validate();
});
</script>
Html..
<body>
<form name="cmaForm" id="cmaForm" method="post">
<fieldset>
<legend>Member Information</legend>
<p>
<label for="cname">Name</label>
<em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
</p>
<p>
<button id="next">Next</button>
<input type="submit" value="FINISH" id="finish"/>
</p>
</fieldset>
</form>
</body>