annontating a link w/an image using jquery.

annontating a link w/an image using jquery.

Hi all was following a tutorial where jquery was ussed to append an image to a link
so for example I have

in the html:
  1.                         <ul id="list2">
  2.                             <li class="a"><a href="www.google.com"> google</a></li>
  3.                             <li class="b"><a href="imgs/logoPH.jpg"> a jpg</a></li>
  4.                             <li class="a"><a href="imgs/v2.0_L2_Technology_expanded_dlm01.png"> a png</a></li>
  5.                             <li class="c"><a href="apdf.pdf"> item 04</a></li>
  6.                             <li class="b"><a href="#anchor1"> anchor link</a></li>
  7.                             <li class="c"><a href="apdf.pdf"> item 04</a></li>
  8.                         </ul>

and in jquery


  1. $("document").ready(function(){
  2.             $("a[href$=.pdf]").after("<img src='imgs/smlIcon.jpg' align='absbottom' />");
  3.             $("a[href$=.com]").after("<img src='imgs/smlIcon02.jpg' align='absbottom' />");
  4.  });

it did say for jquery 1.5 & later to use ' instead of " around the.pdf string. i tried that but it did not work.
could I please get some advice on how to make this work?
thank you.