title: Preloader doesn't stop and wont transition to main page
body: <p>My preloader wont stop loading and it doesn't want to transition to the main page.
  The preloader is supposed to load for 3-4 seconds and then automatically transition to the page. I've tried removing things in the jquery/javascript. But I couldn't find an option that fixes it.</p>
  
  <p>Also looked on the web for solutions, but none of them helped me.</p>
  
  <p>Thanks in advance for any help.</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>jQuery(document).ready(function($) {
  
      // site preloader -- also uncomment the div in the header and the css style for #preloader
      $(window).load(function() {
          $('#preloader').fadeOut('slow', function() {
              $(this).remove();
          });
      });
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.js div#preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php
  /**
  * Maintenance mode template. This is shown to anyone that is logged out or not an administrator!
  * @package    maintenance-mode
  * @copyright  Copyright (c) 2016, ZartanLOL
  * @license    GPL2+
  */
   ?&gt;
  
   &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset ="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="profile" href="http://gmpg.org/xfn/11"&gt;
  
    &lt;link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet" type="text/css"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"&gt;
  
    &lt;link rel="stylesheet" href="&lt;?php echo plugins_url( 'assets/css/maintenance.css', dirname( __FILE__ ) ); ?&gt;"&gt;
    &lt;link rel="stylesheet" href="&lt;?php echo plugins_url( 'assets/css/mobile.css', dirname( __FILE__ ) ); ?&gt;"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"&gt;&lt;/script&gt;
    &lt;script src="&lt;?php echo plugins_url( 'assets/js/preload.js', dirname( __FILE__ ) ); ?&gt;"&gt;&lt;/script&gt;
  
  
    &lt;title&gt;Maintenance Mode&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="preloader"&gt;&lt;/div&gt;
    &lt;div class="maintenance-mobile"&gt;
      &lt;div class="maintenance-mobile-text"&gt;
        &lt;h1&gt;Maintenance&lt;/h1&gt;
        &lt;p&gt;This website is currently undergoing scheduled maintenance. We will be back shortly! Sorry for the inconvenience.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="maintenance-container"&gt;
        &lt;a class="maintenance-login" href="&lt;?php echo wp_login_url(); ?&gt;"&gt;Go to Login Page&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="maintenance-container"&gt;
      &lt;a class="maintenance-login" href="&lt;?php echo wp_login_url(); ?&gt;"&gt;Go to Login Page&lt;/a&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>