[jQuery] Possible bug in appending scripts: works under FF3, doesn't with IE7?
Hello,
theoretically the following two web pages should be equivalent, and
indeed they are under Firefox3, but IE7 fails miserably in rendering
the second version. The included script is a simple public script
provided by the hotel review site "trivago.com" that shows a specific
hotel's current rating, for hoteliers to include in their personal
website.
Is it a bug in jquery's way of appending scripts? Am I missing
something?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IE7 test</title>
</head>
<body><script src="http://www.trivago.com/certificate.php?
&item=45453"></script> <div id="trivago_certificate_45453_0"
class="layout_5"> <a href="http://www.trivago.com/sorrento-45511/
hotel">Hotel </a></div></body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IE7 test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('body').html('<script src="http://www.trivago.com/
certificate.php?&item=45453">\074/script> <div
id="trivago_certificate_45453_0" class="layout_5"> <a href="http://
www.trivago.com/sorrento-45511/hotel">Hotel </a></div>');
});
</script>
</head><body></body></html>