document.write replace page content : <p>Whenever i tried using document.write it replaces the current html page content in example i have this <strong>HTML</strong></p>

<pre><code> &lt;body&gt;
&lt;div&gt;
     &lt;h1&gt;Hello&lt;/h1&gt;
&lt;/div&gt;
</code></pre>

<p>and this <strong>jQuery</strong></p>

<pre><code>var notif = document.write("&lt;div class = 'bg' style = 'height:250px; width:400px; z-index:10; background:red;'&gt;Good Morning!&lt;/div&gt;");
 $('body').append(notif).delay(5000).fadeOut()
</code></pre>

<p>this replace the whole page big Hello will be gone
the jQuery will work after a 5 seconds it disappears then displays nothing?</p>
