I am trying to include some escaped HTML codes in my tooltip text. The text is specified as a title on my DOM element. The text is set in correctly, but the Tooltip code somewhere unescapes the text and converts it back to their actual characters.
<div data-id="11" title="Test1: The word 'test' should be here in angle brackets: <test>><img src="../content/web/foods/11.jpg" /> </div>
In the Tooltip, I want this to display as literal text (when the browser interprets < and >):
Test1: The word 'test' should be here in angle brackets: <test>,
But somewhere along the line, the tooltip is converting < to < and > to >, so then the html looks like <test> (in raw ascii) which gets interpreted by the browser as an unrecognized tag and hidden.
Here is a snippet example (roll over to see the tooltips):
Is there any way to escape the angle brackets so that they pass through the tooltip code without being converted back to literal angle brackets? Or is there an additional attribute or option to tell the Tooltip not to un-escape the title text?