title: Recaptcha 2.0 error: reCAPTCHA placeholder element must be an element or id
body: <p>I've looked at every other post I could find, and none of them resolved the issue for me.
  I have a single call to the ReCaptcha API in my document head:</p>
  
  <pre><code>&lt;script src="https://www.google.com/recaptcha/api.js?hl=he-IL&amp;onload=onloadCallback&amp;render=explicit" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And then immediately after</p>
  
  <pre><code>var onloadCallback = function() {
      grecaptcha.render("recaptcha2", {
          sitekey: "6LendPIUAAAAAGQqB_2tq8fpgdGfBnEQA3v-CB0g",
          theme: "light"
      });
  };
  </code></pre>
  
  <p>And I get the following error in my console:</p>
  
  <pre><code>recaptcha__iw.js:60 Uncaught (in promise) Error: reCAPTCHA placeholder element must be an element or id
      at mv (recaptcha__iw.js:60)
      at Object.render (mootools-core.js:88)
      at onloadCallback (register:56)
  </code></pre>
  
  <p>This is my live page:
  <a href="https://www.tofesyashir.co.il/register" rel="nofollow noreferrer">https://www.tofesyashir.co.il/register</a></p>
  
  <p>I've tried changing the order. I've tried adding async defer to my script call, but nothing has helped.</p>
  
  <p>Also, very strangely, if I manually call grecaptcha.render, the error is triggered again, even though I use it on IDs that 100% exist in the page. For some reason it won't render on any div at all.</p>
  
  <p>What do you guys think?</p>