title: Custom Google place search returns error with $.ajax()
body: <p>I am working on Google Places from  <a href="https://developers.google.com/places/documentation/search" rel="nofollow">https://developers.google.com/places/documentation/search</a></p>
  
  <p>After adding api key this url</p>
  
  <p><a href="https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&amp;radius=500&amp;types=food&amp;name=harbour&amp;sensor=false&amp;key=" rel="nofollow">https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&amp;radius=500&amp;types=food&amp;name=harbour&amp;sensor=false&amp;key=</a></p>
  
  <p>gives me pretty fine json response in browser.But whenever i want to parse these response with JQuery.Ajax() it gives me error.</p>
  
  <p>I cant find the reason behind this error.How can i solve these problem?Thanks.</p>
  
  <p>JS:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=true&amp;libraries=places"&gt;&lt;/script&gt;
  
  
   &lt;script type="text/javascript"&gt;
  
      $(document).ready(function() {
          $("#submit").click(function(event){
              var url="https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&amp;radius=500&amp;types=food&amp;name=harbour&amp;sensor=false&amp;key=&lt;myKey&gt;";
  
              $.ajax({
                  url: url,
                  type:'POST',
                  dataType: 'json',
                  success: function(data)
                  {
                      alert("success");
  
                  },
                  error:function(){
                      alert("error");
                  }
              });
  
          });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;button id="submit"&gt;press&lt;/button&gt;
  </code></pre>