title: Google Invisible ReCaptcha not invisible
body: <p>I just try to get Google Invisible ReCaptcha to work after submitting a form.
  My problem is, the ReCaptcha is NOT invisible, it looks like the "old" recaptcha is popping up. I don't understand why. My site-key is for invisible recaptcha. Please help me.</p>
  
  <p>First of all i'm loading the API:</p>
  
  <pre><code>&lt;script src='https://www.google.com/recaptcha/api.js?render=explicit&amp;onload=onScriptLoad' async defer&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My form looks like this: </p>
  
  <pre><code>&lt;form method="post" id="contact-form-face" class="clearfix" onsubmit="return false"&gt;
  &lt;input type="text" required name="name" value="name" onFocus="if (this.value == 'name') this.value = '';" onBlur="if (this.value == '') this.value = 'name';" /&gt;
  &lt;button type="submit" id="sendButton" data-size="invisible" class="g-recaptcha contact_btn" onclick="onSubmitBtnClick()" value="send" &gt;send&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>window.onScriptLoad = function () {
  // this callback will be called by recapcha/api.js once its loaded. If we used
  // render=explicit as param in script src, then we can explicitly render reCaptcha at this point
  
  // element to "render" invisible captcha in
  var htmlEl = document.querySelector('.g-recaptcha');
  
  // option to captcha
  var captchaOptions = {
      sitekey: 'XXXXXXX',
      size: 'invisible',
      // tell reCaptcha which callback to notify when user is successfully verified.
      // if this value is string, then it must be name of function accessible via window['nameOfFunc'],
      // and passing string is equivalent to specifying data-callback='nameOfFunc', but it can be
      // reference to an actual function
      callback: window.onUserVerified
  };
  
  // Only for "invisible" type. if true, will read value from html-element's data-* attribute if its not passed via captchaOptions
  var inheritFromDataAttr = true;
  
  console.log("render now!");
  // now render
  recaptchaId = window.grecaptcha.render(htmlEl, captchaOptions, inheritFromDataAttr);
  };
  
  // this is assigned from "data-callback" or render()'s "options.callback"
  window.onUserVerified = function (token) {
  alert('User Is verified');
  console.log('token=', token);
  
  };
  
  // click handler for form's submit button
  function onSubmitBtnClick () {
  var token = window.grecaptcha.getResponse(recaptchaId);
  
  // if no token, mean user is not validated yet
  if (!token) {
      // trigger validation
      window.grecaptcha.execute(recaptchaId);
      return;
  }
  
  var xhrData = {
      'g-recaptcha-response': token
      // more ajax body/data here
  };
  
  };
  </code></pre>
  
  <p>To make things clearer: This reCaptcha works fine, the callback loads, the verification works fine as well.... The only problem is, that this recaptcha must be invisibile, while it's not :/</p>