title: Can't refresh reCaptcha on JQuery Ajax return
body: <p>I'm having a devil of a time trying to get Ajax to automatically refresh on a JQuery AJAX callback. I have a comment box with the messages being refreshed posted immediately upon validation of reCaptcha and it would be nice if the reCaptcha could refresh automatically in case someone wants to add another comment immediately afterward. Here's my return function:</p>
  
  <pre><code> $.post(url, formData, function(data) {
          if (returnString.match(/^Error:/)) {
            $("#interactionResults").html(data).show().fadeOut(6000);
          }
          else if (postNumber == 0) {
            $('#newCommentDisplay').html(returnString).show();
            $.post("http://www.google.com/recaptcha/api", "Recaptcha:reload()");   
          }
  </code></pre>
  
  <p>When I use:</p>
  
  <pre><code>$.post("http://www.google.com/recaptcha/api", "Recaptcha:reload()"); 
  </code></pre>
  
  <p>I get an error:</p>
  
  <pre><code>XMLHttpRequest cannot load http://www.google.com/recaptcha/api. Origin http://localhost:8888 is not allowed by Access-Control-Allow-Origin. 
  </code></pre>
  
  <p>Fair enough, so I try to change that line with this one:</p>
  
  <pre><code>$('#recaptcha_reload_btn').trigger('click'); 
  </code></pre>
  
  <p>and still nothing is happening. Does anyone know what's going on?   </p>