Jquery IE7 Id append issue

Question

So I have following Jquery

    $j("a#Pinterest").html("<img src='/images/Social Media/pinterest.png'>");

And mark up is as follows ;

<a id="Pinterest"></a>

Which works fine, but the user has an option to add multiple to one page, and I noticed that in IE7 only the first anchor gets the image attached and not the others. In all other browsers, they all get the image attached.

Any Ideas ?

Answer 1

id must be unique on a html page. You can only use the same ID once. Use a class attribute instead.