title: Load Javascript file on function call
body: <p>I'm using <strong>Google Captcha</strong> when some number of login attempts failed, my website is based on <code>Ajax and Java Script</code> so I need to load <strong>Google Captcha</strong> <code>Java Script</code> file when a function called!</p>
  
  <p>I'm getting captcha code through making a request to my API, <code>http://www.myserver.com/api/?request=captcha</code> so this will return </p>
  
  <p><code>&lt;script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LeV3rdSAAAAABp2Q3bjyjCR9E6vvZ06oM6-6yj"&gt;&lt;/script&gt;</code> </p>
  
  <p>I use <code>$POST</code> to make the request and <code>.HTML</code> to show captcha on my site</p>
  
  <pre><code>$.post("api/index.php", {request: "captcha"}, function(data) {
  
      $('#customContent').html(data);
  });
  </code></pre>
  
  <p>but this doesn't show up captcha on the HTML element! Where am I doing wrong?</p>