jQuery doesn't get elements with IDs as valid email addresses
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/6675454/special-characters-in-id-of-html-tags">special characters in id of html tags</a>  </p>
</blockquote>



<p>I have a DIV with the id as email:</p>

<pre><code>&lt;div id="example@example.com"&gt;This is blah blah text&lt;/div&gt;
</code></pre>

<p>Now with jQuery, I want to select that DIV and hide it:</p>

<pre><code>$('#example@example.com').hide();
</code></pre>

<p>And that's not working!</p>

<p>Since I'm generating these DIVs dynamicly and I don't want to query the db again for the real row IDs, I'm gonna use the email addresses as IDs, and I can't do it...</p>

<p>Any solution to this?</p>

<p>Thanks in advance</p>
