Preloader doesn't stop and wont transition to main page
<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>