title: Show both invisible recaptcha badges
body: <p>Currently I have two forms which are toggled by a button. When I show the first form I can see the badge, but not for the second form (second badge is rendered as display:none, and the first form is hidden). Second badge is rendered as data-style="none".
  What I have now:</p>
  
  <pre><code>&lt;button id="RecaptchaField1"&gt;but1&lt;/button&gt;
  &lt;button id="RecaptchaField2"&gt;but2&lt;/button&gt;
  
  &lt;script
      src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
      integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
      crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(function () {
      window.onloadCallback = function () {
          grecaptcha.render('RecaptchaField1', {'sitekey' : 'sitekey'});
          grecaptcha.render('RecaptchaField2', {'sitekey' : 'sitekey'});
      };
  });
  &lt;/script&gt;
  &lt;script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit" async defer&gt;&lt;/script&gt;
  </code></pre>