title: How to make Div appear after 5 seconds javascript
body: <p>So I created a Div and it will function as a button, I want it to remain invisible until 5 seconds have passed, then I would like the div to fade in. I have the code below but it doesn't work, any help?</p>
  
  <p>Thanks!</p>
  
  <p>Code:</p>
  
  <p>Div ID for the button html:</p>
  
  <pre><code>&lt;div id="button" onclick="window.open('home.html','home');" style="cursor: hand;"&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
  $("#button").delay(2000).fadeIn(500);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;title&gt;Welcome to DayZ&lt;/title&gt;
  &lt;link rel="shortcut icon" href="http://dayzgame.com/assets/img/favicon.ico"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/fadein.css"&gt;
  
  
  &lt;script src="scripts/fadein.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(function() {
  $("#button").delay(5000).fadeIn(500);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Note: The above is just a snippet from my html file, not the full code. </p>