title: Error: Permission denied to access property 'nodeType' on AJAX request in Firefox
body: <p>I include the Google Sign-in button on my page, and use gapi to interact with it. When the user successfully authenticates using the Google API , I make an AJAX call using JQuery to my server:</p>
  <pre><code>var token = gapi.auth.getToken();
  var data = {
      &quot;token&quot;: token,
      &quot;userId&quot;: googleResponse.id
  };
  console.log(&quot;sending data&quot;);
  console.log(data);
  $.post(url, data, function(response) {
                  window.location.reload();
              }, &quot;json&quot;).error(function(responseObj, statusCode) {
                  var response = responseObj.responseJSON;
                  console.log(&quot;error&quot;);
                  console.log(response);
                  console.log(statusCode);
              });
  </code></pre>
  <p>I see this issue in the console:</p>
  <blockquote>
  <p>&quot;sending data&quot;</p>
  <p>Object { token: Object, userId: &quot;xxxxxxxxxxxxxxx&quot; }</p>
  <p>Error: Permission denied to access property 'nodeType'</p>
  </blockquote>
  <p>The page does not reload and I do not see additional info in the console.</p>
  <p>I do not use JQuery to access any element properties or manipulate the DOM in any way.</p>
  <p>This issue happens with Firefox 36.0.1 and JQuery 2.1.1, but not with Chrome or Safari (same page, same code), on my Mac.</p>
  <p><strong>EDIT</strong> There were posts suggesting FireBug is to blame, so I disabled it and restarted Firefox, but it didn't help.</p>