title: Google "reCaptcha" sometimes doesn't get displayed/rendered
body: <p>Sometimes I have to reload the webpage multiple times till the reCaptcha gets rendered. I and a friend tested both on Firefox and Chrome but the problem is consistent and doesn't seem to depend on the used browser.</p>
  
  <p>The code I use to display my reCaptcha's:</p>
  
  <pre><code> &lt;script src='https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&amp;render=explicit' async defer&gt;&lt;/script&gt;
  
  &lt;script&gt;
          var CaptchaCallback = function(){
              grecaptcha.render('RecaptchaField1', {'sitekey' : '6LdbWAo..'});
              grecaptcha.render('RecaptchaField2', {'sitekey' : '6LfAVAo..'});
              grecaptcha.render('RecaptchaField3', {'sitekey' : '6LfqWwo..'});
              grecaptcha.render('RecaptchaField4', {'sitekey' : '6Lf4sAo..'});
          };
  </code></pre>
  
  <p></p>
  
  <p>And later in the forms I just added: <code>&lt;div id="RecaptchaField1"&gt;&lt;/div&gt;</code> with the correct number.</p>
  
  <p>The forms are allways inside of a bootstrap modal if that cares?</p>
  
  <p><strong>Edit:</strong>
  I deleted the <code>async</code> and <code>defer</code> atributes.</p>
  
  <p><strong>Edit 2:</strong>
  Page that has the problems: <a href="http://www.dexquote.com" rel="noreferrer">http://www.dexquote.com</a></p>