<form id="fhome" method="POST" action="Page2.HTML" data-ajax="false">
<fieldset>
<div data-role="fieldcontain">
<label for="DD1" class="select">DD1:</label>
<select name="PJ" id="PJ">
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
</select>
<br />
<br />
<label for="DD2" class="select">DD2:</label>
<select name="Victim" id="Victim">
<option value="Option 3" >Option 3</option>
<option value="Option 4">Option 4</option>
</select>
<br />
<br />
<label for="mode7">Time :</label>
<input name="mode7" id="mode7" type="text" data-role="datebox" data-options='{"mode":"timeflipbox", "useNewStyle":true}' />
<br /><br />
</div>
<fieldset class="ui-grid-a">
<div class="ui-block-a savebtn"><button type="submit" data-theme="d" >Save</button></div>
<div class="ui-block-b"><button type="submit" data-theme="d" >Next</button></div>
</fieldset>
</fieldset>
</form>
The above is my form code. Right now , the way form is created , the SAVE and NEXT buttons both navigate to next page. How do i prevent my form to navigate to next page on SAVE button click