jQuery 1.4.x and the @ symbol

Question

I used to use this script for jquery email obfuscation:

    $(".replaceAt").replaceWith("@");
  $(".obfuscate").each(function () {
        $(this).attr("href", "mailto:"+$(this).text());
    });

<a class="obfuscate">name<span class="replaceAt">-AT-</span>server.com</a>

But with jQuery 1.4.x, I now get this error:

uncaught exception: Syntax error, unrecognized expression: @

Looking this up on the net, it looks like jQuery thinks that the @ is a special character. I tried to "\@" it and a few other things with not luck. I'm not enough of a jQuery ninja to know how to fix this. Any ideas?

Answer 1

So I dug around in the jQuery release notes, and it might be related to this bug which was fixed in the 1.4.2 release. At any rate, I can verify that your script works great in 1.4.2. Hope this helps.

Edit:

$(document).ready(function() {
  $(".replaceAt").replaceWith("@");
  $(".obfuscate").each(function () {
    $(this).attr("href", "mailto:"+$(this).text());
   });
});