title: ReCAPTCHA placeholder element must be an element or id
body: <p>i have some problem with google recaptcha.</p>
  
  <p>i put 2 recaptachs in same website but in deferent locations.</p>
  
  <ol>
  <li>i place in the footer like:</li>
  </ol>
  
  <p><code>&lt;div class="g-recaptcha" id="recaptcha1"&gt;&lt;/div&gt;</code></p>
  
  <ol start="2">
  <li>i place in contact us like:</li>
  </ol>
  
  <p><code>&lt;div class="g-recaptcha" id="recaptcha2"&gt;&lt;/div&gt;</code></p>
  
  <p>but its give me this error:
  ReCAPTCHA placeholder element must be an element or id.</p>
  
  <p>my code:</p>
  
  <pre><code>    &lt;script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit" async defer&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
      var recaptcha1;
      var recaptcha2;
  
      var onloadCallback = function() {
          //Render the recaptcha1 on the element with ID "recaptcha1"
          recaptcha1 = grecaptcha.render('recaptcha1', {
              'sitekey' : '*******', //Replace this with your Site key
              'theme' : 'light'
          });
  
          //Render the recaptcha2 on the element with ID "recaptcha2"
          recaptcha2 = grecaptcha.render('recaptcha2', {
              'sitekey' : '*******', //Replace this with your Site key
              'theme' : 'light'
          });
  
          grecaptcha.reset(recaptcha1);
          grecaptcha.reset(recaptcha2);
      };
  &lt;/script&gt;
  </code></pre>
  
  <p>i plase all the script and the code in the before </p>
  
  <p>i did a reserach here but its still not working.</p>
  
  <p>thanks for all the help.</p>