How can I find element having an email address as class name using jQuery?
<p>How can I find an element having an email address as class name.
Email address is dynamic.</p>

<pre class="lang-js prettyprint-override"><code>$(document).ready(function(){
  //not working getting error
  var email="abc@gmail.com";
  $("#main").find("."+email);
  //not working
  $("#main").find("."+escapeSelecorchars(email));
});

function escapeSelecorchars = function(val) {
  return val.replace(/[!"#$%&amp;'()*+,.\/:;&lt;=&gt;?@[\\\]^`{|}~]/g,"\\\\$&amp;");
};
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;div id="main"&gt;
  &lt;div class="abc@gmail.com"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>