adding a character entity into an object in jquery

Pretty simple stuff but since I’m still a little rusty on jquery I spent a lot of time trying to get the entity to show up using text: by escaping characters. (spoiler: don’t use text: use html:

Right Way


$('<span></span>',{
  html: '&amp;oplus;&nbsp;',
  class: 'plus-minus'
}).prependTo('.event-table-show-hide .expand-list .click-to-expand');

$('<span></span>',{

html: '&oplus; ',

class: 'plus-minus'

}).prependTo('.event-table-show-hide .expand-list .click-to-expand');

Wrong Way


$('<span></span>',{
  text: '&amp;oplus;&nbsp;',
  class: 'plus-minus'
}).prependTo('.event-table-show-hide .expand-list .click-to-expand');

$('<span></span>',{

text: '&oplus; ',

class: 'plus-minus'

}).prependTo('.event-table-show-hide .expand-list .click-to-expand');