jquery - div внутри скрипта делает страницу недействительной

Question

У меня есть следующий код js:

$('<div id="pips-calc" />').load("/calculator").appendTo('body').dialog(dialogOpts); return false;}

W3C не нравится это и делает страницу недействительной. Ошибка:

document type does not allow element "div" here

Есть ли альтернативный синтаксис, который проверяет?

Answer 1

Отформатируйте содержимое тега <script> как CDATA, и все будет в порядке.

Answer 2

Либо поместите Javascript в отдельный файл, либо вложите его в <![CDATA[ .... ]]>

Answer 3

Не называйте это так

$('<div id="pips-calc" />').

Вместо этого сделайте это

$('#pips-calc').