jQuery dot in ID selector?

Question

This question already has answers here:

Answer 1

Use the escaping rules from the jQuery selectors API as follows:

$('#root\.SomeCoolThing') 

From the docs:

To use any of the meta-characters (such as !"#$%&'()*+,./:;<=>?@[]^`{|}~) as a literal part of a name, it must be escaped with with two backslashes: \. For example, an element with id="foo.bar", can use the selector $("#foo\.bar").