Question

I have this:

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#menu-main-menu li a').after('<p class="separator">/</p>');
        jQuery(".textwidget a[href^='http://']").attr("target","_blank");
    }); 
</script>

And can’t pass HTML validation with the error:

document type does not allow element “p” here

The snippet is placed at the bottom in the footer file of my WordPress platform.

Any suggestions, please? It’s obviously is my paragraph tags. The css for .separator is just a display: inline; thing I use as a separator for my menu.

Answer 1

The validator should be happy with a CDATA section around your script:

<script type="text/javascript"><![CDATA[
jQuery(document).ready(function(){
  jQuery('#menu-main-menu li a').after('<p class="separator">/</p>');
  jQuery(".textwidget a[href^='http://']").attr("target","_blank");
});
]]></script>