How to get this line of jQuery to validate as XHTML strict

Question

Hello, I have this bit of jQuery at the top of my page (used for a simple image carousel):

$(document).ready(function(){ 
 $("#slider").easySlider({
  prevText:'<div id="backarrow">Back</div>',
  nextText:'<div id="nextarrow">View Other Projects</div>',
  orientation:'horizontal'
 });
});

however, I can't get it to validate XHTML strict:

Line 12, Column 33: document type does not allow element "div" here

Any ideas?

Answer 1

<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){   
    $("#slider").easySlider({
            prevText:'<div id="backarrow">Back</div>',
            nextText:'<div id="nextarrow">View Other Projects</div>',
            orientation:'horizontal'
    });
});
/* ]]> */
</script>

This tells the validator to interpret the script as character data, not markup, and thus it won't parse the structure of the CDATA block. Wikipedia has more info.

Answer 2

It has nothing to with JQuery. Just surround the JS with comments (CDATA as ceejayoz gave should work too).