[jQuery] How do I select an Element with the ID="foo.bar:data" with jQuera Selectors?

[jQuery] How do I select an Element with the ID="foo.bar:data" with jQuera Selectors?


Hello jQuery Coders!
Since it is allowed to use ".", ":" in the id-Tag (http://www.w3.org/
TR/html4/types.html#h-6.2)
I wonder how I select it while using the jQuery Selector Syntax?
jQuery('#foo.bar:filter') doesn't work since it means element with id
foo and class bar and filter data?
is this a bug a feature or a problem?