title: Replace several different text words each with a different image
body: <p>I don't have access to change any of this sites HTML and i'm not very knowledgeable with jQuery , but i'm assuming this is very possible.</p>
  
  <p>I have a table that contains several different user names</p>
  
  <pre><code>&lt;table id="chat"&gt;
  &lt;td&gt;Tim Burton&lt;/td&gt;
  &lt;td&gt;Dorethea Rose&lt;/td&gt;
  &lt;td&gt;Selma Jeerik&lt;/td&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to find each user name within this table ONLY and change each name to a avatar of my choosing. </p>
  
  <p>I saw this script , but clueless on how to modify for my needs</p>
  
  <pre><code>("*").each(function () { 
     if ($(this).children().length == 0) {
        var newHTML = $(this).html().replace('basketball','&lt;img src = "image.jpg" /&gt;');
        $(this).html(newHTML);
     } 
  });
  </code></pre>