title: Googles recaptcha gives "Uncaught SecurityError" after successful validation in my SPA
body: <p>I use Google new recaptcha, //www.google.com/recaptcha/api.js for human verification. I have a SPA application using Angular. After successful verification any ajax call to server generates this errormessage in console:</p>
  
  <blockquote>
    <p>Uncaught SecurityError: Blocked a frame with origin "<a href="https://www.google.com">https://www.google.com</a>" from accessing a frame with origin "localhost".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.</p>
  </blockquote>
  
  <p>At the end of the document there is a div containing all iframe recaptchas. Removing that div solves the problem but that feels a bit hacky.</p>
  
  <p>Shouldn't there be a destroy method like the old recaptcha? Or what is the correct solution?</p>