Form - How to save page info on button click on form instead of navigation to next page

Form - How to save page info on button click on form instead of navigation
to next page

<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