title: jQuery add Text to an Image placed in a table cell
body: <p>I have a simple table, say</p>
  
  <pre><code>&lt;table id="table2" border="1"&gt;
          &lt;tr&gt;     
             &lt;td id='id1' style="width:300px"&gt;some content&lt;/td&gt; 
          &lt;/tr&gt;
  
   &lt;/table&gt;
  </code></pre>
  
  <p>And I am using jQuery to add an image to the cell like this:</p>
  
  <pre><code>$('#id1').append('&lt;img src=images/image1 class=\'floatRight\' /&gt;');
  </code></pre>
  
  <p>the css style is like this:</p>
  
  <p></p>
  
  <pre><code>  img.floatRight { float: right; }
  </code></pre>
  
  <p></p>
  
  <p>Now after adding the image to the cell, I'd like to add some text, say "AAA", on top of the image, center aligned, how to I do that? Thanks <br></p>
  
  <p>ps: by "on top", i mean "overlay"</p>