[SOLVED] JQuery W3C invalid - Span tags inside of Javascript

[noober]

Hi, I'm looking to use a JQuery plugin by placing the code below at the bottom of my xhtml, inside my body. I notice if I try to validate the page in w3c, (it's xhtml) the page gives me this error:

 

"document type does not allow element "span" here"

 

Is there a way around this to get the page to validate? Am I doing something wrong here?

 

 

<script type="text/javascript" language="javascript">
$("#plant").fdplant({
	prev: '<span>Prev</span>',
	next: '<span>Prev</span>'
});
});
</script> 

[bibby]

The validation error is probably because of the tags in the script:

  prev: '<span>Prev</span>'

 

I'd imagine you'd get the same thing from

  prev: $("<span/>").html("Prev")

 

You may want to try createElement, just to get the tag characters out of the way:

 

$("#plant").fdplant({

      prev: (function(e){ e.innerHTML="Prev"; return e;})(document.createElement('span'))

      next: (function(e){ e.innerHTML="Next"; return e;})(document.createElement('span'))

  });

});