title: New ReCaptcha (invisible) not working
body: <p>I am trying to implement the new invisible reCaptcha, but it is not working.</p>
  
  <p>First, event tough I have created a new key with the "invisible" option, changed the key in my application, when I look in my console I can see this request:</p>
  
  <blockquote>
    <p><a href="https://www.google.com/recaptcha/" rel="nofollow noreferrer">https://www.google.com/recaptcha/</a><strong>api2</strong>/anchor?k=.....</p>
  </blockquote>
  
  <p>I think this is not the correct api, right?</p>
  
  <p>My code for the importing part is like this: </p>
  
  <p><code>&lt;script src="https://www.google.com/recaptcha/api.js" async defer&gt;&lt;/script&gt;</code></p>
  
  <p>Which is right according to the doc...</p>
  
  <p>Second, I chose to put the captcha in a div (which is ok according to the doc):</p>
  
  <p><code>&lt;div id="captchaSignup" 
      class="g-recaptcha"
      data-size="invisible" data-badge="inline"&gt;&lt;/div&gt;</code></p>
  
  <p>I am also using the render function to declare the callback and the site-key:</p>
  
  <p><code>grecaptcha.render(document.getElementById('captchaSignup'), {
                      'sitekey' : '...',
                      'callback' : function(response) {$rs.validCaptcha=response;$s.$apply()}
                    });</code></p>
  
  <p>This works as a captcha solution, but not as the invisible one since it is still showing the box. I know that I also have to use the execute function, but since I am still seeing the box, I think I am not in that phase yet.. Can anybody help me?</p>