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>