Kendo Treeview node append not displaying correctly

Question

I have an issue with appending to a node on a Kendo TreeView

 $(groupNode).find('div:first').append("<div id='divWeightings' style='padding-left: 40px; font-size: 9px; color: gray;'>This group has total weightings of <span id='spWeight' style='background-color:" + bgColor + ";'>" + totalWeight + "<span>%</div>");

The code displays like this in the page:

This group has total weightings of 100

The issue that I have is that the % is not showing up on the page. Why is that?

Answer 1

So to close the question.

The % sign needs to be escaped or converted to HTML sign.

'%'