title: Uncaught ReferenceError: Recaptcha is not defined
body: <p>I am running into an issue with implementing the reCaptcha control on a contact form.   </p>
  
  <p>The following error is thrown on load: <em>Uncaught ReferenceError: Recaptcha is not defined</em></p>
  
  <p>Here is a partial snippet of the code I am using:</p>
  
  <pre><code>&lt;form role="form" id="ContactMessageForm"&gt;
      &lt;div class="form-group"&gt;
          &lt;div id="CaptchaContainer"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;button type="button" class="btn btn-default" id="ContactMessageSendButton"&gt;Send&lt;/button&gt;
  &lt;/form&gt;
  
  &lt;script type="text/javascript" src="/scripts/mail.min.js" defer="defer"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () { 
          /* Initialize reCaptcha Control */
          Recaptcha.destroy();
          Recaptcha.create('6Lc4V_ASAAAAAMnnwUcaTewH1mlOdylMgAyxb_m6', 'CaptchaContainer', {
              theme: 'clean',
              callback: Recaptcha.focus_response_field
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>There is most likely a typo in my code, but I am just not seeing it.</p>
  
  <p>You can see the actual error get fired at: <a href="http://eat-sleep-code.com/#!/contact" rel="nofollow">http://eat-sleep-code.com/#!/contact</a></p>