html5 - jquery mobile #someLink not working in android browser -

i creating basic html5 jquery mobile webpage uses 3 jquery mobile pages users can naviagte depending on href click on.

in safari , google chrome web browser feature works perfect i.e load correct page using:

<li>     <h3>type:</h3>     <h4><a href="#itemtypelist" data-role="button" data-icon="arrow-r" data-iconpos="right">select type</a></h4>   </li> 

in case load #itemtypelist page inside same html5 file above code invoked web request call.

for bizare reason call work on android webview. never displays or attempt display #itemtypelist page

here itemtype page

<div data-role="page" id="itemtypelist">   <div data-role="header" data-inset="true" data-position="fixed" data-theme="b" > <a href="" onclick="history.back(-1); return false;">back</a>     <h1>item type</h1>   </div>   <div data-role="content">     <ul data-role="listview" data-inset="true"  data-scroll="true" id="itemtypelist">       <li><a href="hello1.html">hello 1</a></li>       <li><a href="hello2.html">hello 2/a></li>     </ul>   </div> </div> </div> 

and here orginal content page tht gets displayed initially

div data-role="page" id="mainpage">   <div data-role="header" data-inset="true" data-position="fixed" data-theme="b" > <a href=""  onclick="history.back(-1); return false;">back</a>     <h1><span style="margin-left:1em">item detail</span></h1>   </div>   <div data-role="content">     <ul data-role="listview" id="itemfieldslist" data-inset="true"  data-scroll="true" >       <li data-role="list-divider">         <h2>item detail title</h2>       </li>       <li>         <h3>type:</h3>         <h4><a href="#itemtypelist" data-role="button" data-icon="arrow-r" data-iconpos="right">select type</a></h4>       </li>       <li>         <h3>some field</h3>         <h4>e3e3e3e</h4>       </li>     </ul>   </div> </div> 

thanks