title: Show popup after page load
body: <p>I created a jQuery popup by following an online tutorial.</p>
  <p>I want to show this popup after page load/after page load it appears + how to code it as like it appears after 5 second of page load.</p>
  <p>Due to my low knowledge on jQuery I am not able to make it work as of my requirements.</p>
  <p>Any idea how to do it?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function PopUp(){
      document.getElementById('ac-wrapper').style.display="none"; 
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#ac-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,.6);
      z-index: 1001;
  }
  
  #popup {
      width: 555px;
      height: 375px;
      background: #FFFFFF;
      border: 5px solid #000;
      border-radius: 25px;
      -moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      box-shadow: #64686e 0px 0px 3px 3px;
      -moz-box-shadow: #64686e 0px 0px 3px 3px;
      -webkit-box-shadow: #64686e 0px 0px 3px 3px;
      position: relative;
      top: 150px; left: 375px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="ac-wrapper"&gt;
      &lt;div id="popup"&gt;
          &lt;center&gt;
              &lt;h2&gt;Popup Content Here&lt;/h2&gt;
              &lt;input type="submit" name="submit" value="Submit" onClick="PopUp()" /&gt;
          &lt;/center&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;p&gt;Page Content Here......&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>