jQuery：通过 ajax 将 reCaptcha 加载到 div 中

Question

我想创建一个包含 id 为“captcha”的 div 的表单。当用户输入错误的密码时，“login.php”中会生成以下代码

$myCaptcha=recaptcha_get_html($publickey, $error);
$xml="<captcha><![CDATA[".$myCaptcha ."]]></captcha>";
echo $xml;

recaptcha_get_html($publickey, $error); 生成以下代码：

<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=xxxx"></script> <noscript> <iframe src="http://www.google.com/recaptcha/api/noscript?k=xxxx" height="300" width="500" frameborder="0"></iframe><br/> <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> </noscript>

我想使用 $.post() 获取此代码并且将其插入 div“验证码”中。做这样的事情：

$.post("login.php", {requestCaptcha:"yes"}, function(returned){
     $("#captcha").html($("captcha",returned).text());
},"xml");

在 IE 中，它什么也不做。在 Chrome 中，它会清除整个页面，只有名为 reCaptcha 的脚本像魅力一样工作。

有什么想法吗？