Chain Select Menu Not showing data on mobile devices when use data-native-menu="false"

Chain Select Menu Not showing data on mobile devices when use data-native-menu="false"

Hay i have a problem in my jquery mobile sites. i have three drop down first related to country 2nd related to states and third is city. when i select country then relative states of thus country should be shown. this thing working o my lical server(desktop) but when i upload the site on server and access it throw mobile device countries are there and i can select them . but states are not showing (Remeber I am using data-native-menu="false" ).
  3. function getStates (cid) {
  4. $.ajax
  5. ({
  6. type: "POST",
  8. url: "http://localhost/site/get-mobile-states?cid="+cid,
  9. cache: false,
  10. success: function(html)
  11. {
  12. $(".state").html(html);
  13. }
  14. });
  15. }
  16. function getCities (sid) {
  17. $.ajax
  18. ({
  19. type: "POST",
  21. url: "http://localhost/site/get-mobile-cities?sid="+sid,
  22. cache: false,
  23. success: function(html)
  24. {
  25. $(".city").html(html);
  26. }
  27. });
  28. }

  30. <form action="" method="get">
  31.         <div data-role="fieldcontain" >
  32.         <!-- This is the Country Select box -->
  33.         <label ><h3>Country</h3></label><br />
  34.         <select name="country" id="country" data-native-menu="false"  data-theme="d" data-mini="true" onChange="return getStates (this.value);">
  35.         <?php 
  36.         foreach($country as $count)
  37.         {
  38.         
  39.         ?>
  40.         <option value="<?php echo $count['id']; ?>"><?php echo $count['name'] ?></option>
  41.         <?php }       ?>
  42.         </select>
  43.         </div>
  44.         <!-- This is the State Select box -->
  45. <div data-role="fieldcontain">
  46.          <label ><h3 >State</h3></label><br />
  47. <select  name="state" id="state" class="state" data-native-menu="false"   data-theme="d" data-mini="true" onChange="return getCities (this.value);">
  48. <option selected="selected"></option>
  49. </select>
  50.         </div>
  51.          <!-- This is the City Select box -->
  52.    <div data-role="fieldcontain">
  53.         <label ><h3 >City</h3></label><br />
  54.         <select name="city"  data-theme="d" data-native-menu="false"  data-mini="true" class="city">
  55. <option selected="selected"></option>
  56. </select> 
  57.         </div>