title: Force unescapeing of ajax query parameters
body: <h2>What I am doing</h2>
  
  <p>I am building a query to a service. I query the service using ajax and get a response in JSON.</p>
  
  <p>I am querying the Google map API service. <a href="https://developers.google.com/maps/documentation/geocoding/#ReverseGeocoding" rel="nofollow">Reverse Geocoding</a></p>
  
  <p>Here is a sample query:</p>
  
  <pre><code>http://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&amp;sensor=false
  </code></pre>
  
  <p>You can see the query parameters are <code>latlng</code>, and <code>sensor</code>.</p>
  
  <p>There is a comma in the <code>latlng</code> query parameter.</p>
  
  <h2>Let's look at some code</h2>
  
  <pre><code>// Some vars
  var googleEndpoint = "http://maps.googleapis.com/maps/api/geocode/json";
  
  // Bind handler to form submission
  $('#theQuery').submit(function() {
      var lat = $("#lat").val();
      var _long = $("#long").val();
  
      // Construct Query
      $.get(googleEndpoint, { sensor: true, latlong: lat + ',' + _long }, function (data) {
              console.log(data);
          });
      return false;
  });
  </code></pre>
  
  <p>If I run a query, my query looks like this:</p>
  
  <pre><code>http://maps.googleapis.com/maps/api/geocode/json?sensor=true&amp;latlong=44%2C44
  </code></pre>
  
  <h2>My thoughts</h2>
  
  <p>You can see the comma is a <code>%2C</code>. I know this is due to <code>encodeURIComponent</code> being called on the parameters as jquery builds the query string, but I don't know how to flag that comma so that it won't be encoded. I have tried <code>unescape()</code>.</p>
  
  <p>I know I am missing something here, <strong>any help</strong>?</p>