i have a webpage in html5 with various divs made into pages with data-role="page" and each page having id="second" "third etc...

Now i want to use the inbuilt validations..but for that i have to use the form tag...which redirects my pages to the html5 homepage..which is undesirable...can anyone help.

<div data-role="page" id="third" data-theme="b" >
<a href="#first" data-role="button" data-transition="fade" data-inline="true">Go home</a>
<form id="test" name="myForm" method="POST">
<div data-role="header" data-theme="b"> <h1>What Is Your Name ?</h1>
<div data-role="content" data-theme="b">
<div data-roie="fieldcontain" data-theme="b">
<input type="text" name="name" id="name" value="" required />
<button onClick="submit_form(this.form)">submit</button>
<div data-role="footer" data-theme="b"> <h1>This is a Copyrighted Product</h1>

submit_form fn is a javascript function to check for validation and redirect to mobile page

I used action="mypage.html#fourth"but i get only the url changed but the display in the browser still remains of the home page


Only two things I can think of is try removing the hash id. Or more likely instead of using the <button> tag, try using <input type="submit"> instead