title: Javascript Fadein Fadeout text in <th><div> header cell
body: <p>I have attempt several different ways to accomplish this and I can either get the fadeIn or fadeOut to work, but not both. What I am looking for is being able to click on the image stored in the a href attribute and fadeIn the word "Update" into the div id tag, fadeOut, then fadeIn the words "More Tools" or just show the words "More Tools" since it is already the value in the th header cell.</p>
  
  <pre><code>&lt;a id="1" href="" class ="edit_button" title="edit1"&gt;&lt;img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"&gt;&lt;/img&gt;&lt;/a&gt;
  
  
  &lt;th colspan="3"&gt;&lt;div id="editupdate"&gt;More Tools&lt;/div&gt;&lt;/th&gt;
  
  
  function (data) {
  $('#editupdate').fadeIn().html('Update').delay(2500).fadeOut();
      });
  </code></pre>