[jQuery] problems validating xhtml when using jquery append

[clivey_g]

hiya,

i discovered that my lovely xhtml page stopped being xhtml valid when
i used the jquery append function.  it gives the error:
"document type does not allow element "link" here"

the solution is to wrap the javascript in a cdata tag like this:

        <script type="text/javascript">
                // enclose the jscript in cdata tag so it is still xhtml 
compliant
                //<![CDATA[
                $(document).ready(function(){
                        // load the correct css file
                        if ($.browser.msie) {
                                $("head").append('<link rel="stylesheet" 
href="css/ls_v3ie.css"
type="text/css" media="screen" />');
                        } else {
                                $("head").append('<link rel="stylesheet" 
href="css/ls_v3.css"
type="text/css" media="screen" />');
                        }
                });
                //]]>
        </script>

i hope this helps anyone who comes across the same issue!