$ajax call from jquerymobile to jquery(html)

$ajax call from jquerymobile to jquery(html)

Hi

I have program made with Jquery mobile (and run perfect)
 now i want to put the same on a website

so i have the html here it looks nice but the ajax call wiil not do his work..on my mobile the application works good 
here is the code
(i have delete my key)
  1. <html>
  2.     <head>
  3.         <title></title>
  4.         <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  5.         <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  6.         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
  7. <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  8. <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
  9.               <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  10.         
  11.         <script type="text/javascript"></script>
  12.         <script>
  13.         
  14.          function GetData(){
  15.  
  16.  
  17.                 x= '<center>Laden........</center>';          
  18.              document.getElementById("resultaat").innerHTML=x;


  19.                       if ($('#select-choice-min').val() === "food") {
  20.                    
  21.                      var XMLURI = 'https://maps.googleapis.com/maps/api/place/search/xml?location=51.723876,5.706579&radius=100&sensor=false&key=Mykey';
  22.                       }
  23.                       
  24.                       $.ajax({
  25. type:'GET',                        
  26. url: XMLURI,
  27.                            method: 'POST',
  28.                            success:succFunctie,
  29.                            error:errFunctie
  30.                           
  31.                         }); 
  32.                               
  33.                           
  34.                           }
  35.                         function errFunctie(err){
  36.                           
  37.                            alert(err.message);
  38.                            x= '<center>Laden mislukt</center>' + err.status;          
  39.                            document.getElementById("resultaat").innerHTML=x;

  40.                         }
  41.                         function succFunctie(data){
  42.                           $pois = $(data).find('PlaceSearchResponse'),
  43.                             Name = $pois.find('result name')[i],
  44.                             Name = $(Name).text();                          
  45.                           x=  Name;
  46.                                    document.getElementById("resultaat").innerHTML=x;

  47.                                  };
  48.                        
  49.               
  50.         
  51.         </script>
  52.         
  53.         
  54.         <style type="text/css">
  55.             #mapCanvas {
  56.                 width: 300px;
  57.                 height: 300px;
  58.                 float: left;
  59.             }
  60.             #infoPanel {
  61.                 float: left;
  62.                 margin-left: 10px;
  63.             }
  64.             #infoPanel div {
  65.                 margin-bottom: 5px;
  66.             }
  67.         </style>
  68.     </head>
  69.     <body>


  70. <div data-role="instellingen" id ="instellingen">
  71. <label for="select-choice-min" class="select">Wat wil je beoordelen:</label>
  72. <select name="select-choice-min" id="select-choice-min" >
  73.     <option value="food">restaurant</option>
  74.     <option value="cafe">cafe</option>
  75.     <option value="bar">bar</option>
  76. </select> 
  77. <button id="#BtnVraag" onclick="GetData();"value="BtnVraag">Zoek in de buurt</div>
  78. </div>
  79.                <p id="resultaat"></p>
  80. </div>
  81. </div>
  82.     </body>
  83. </html>