title: Content reset and autohide element after some seconds in jquery
body: <p>I have a DIV like this:</p>
  
  <pre><code>&lt;div id="message"&gt;This is my message&lt;/div&gt;
  </code></pre>
  
  <p>Message populating by <code>ajax</code> </p>
  
  <pre><code>$('#message').append(json.message);
  $('#message').show();
  </code></pre>
  
  <p>Now I need to hide this <code>DIV</code> after 5 seconds. When this hide I need to remove all the contents of this <code>#message</code> DIV. </p>
  
  <p>My problem is I can hide this div, but I can't reset <code>div</code> contents. </p>
  
  <p>This is the way I use to hide my div</p>
  
  <pre><code>$('#message').delay(5000).fadeOut('slow');
  </code></pre>
  
  <p>Hope somebody may help me out. 
  Thank you. </p>