title: jQuery dot in ID selector?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/605630/how-to-select-html-nodes-by-id-with-jquery-when-the-id-contains-a-dot">How to select html nodes by ID with jquery when the id contains a dot?</a>  </p>
  </blockquote>
  
  
  
  <p>I have a website that contains elements similar to this:</p>
  
  <pre><code>&lt;p id="root.SomeCoolThing"&gt;Some Cool Thing&lt;/p&gt;
  </code></pre>
  
  <p>I can not select the paragraph with jQuery like <code>$('#root.SomeCoolThing')</code> because jQuery thinks, <code>SomeCoolThing</code> is the class of an element with <code>id="root"</code>.</p>
  
  <p>How can I select this element with jQuery? I would like to avoid a construction like this:</p>
  
  <pre><code>$(document.getElementById('root.SomeCoolThing'))
  </code></pre>