title: jQuery is not defined in Wordpress, but my script is enqueued properly
body: <p>I am trying to load a separate javascript file mobile-menu.js to my Wordpress theme. When I look at the console, it says, "jQuery is not defined." However, I know that I enqueued my script files correctly. Any ideas? </p>
  
  <p>HTML file:</p>
  
  <pre><code>&lt;a href="#" id="menu-icon"&gt;&lt;/a&gt; &lt;!--this line wasn't here originally--&gt;
      &lt;div id="switchmenu"&gt;&lt;!--switchmenu begin--&gt;
          &lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'primary' ) ); ?&gt;
      &lt;/div&gt;&lt;!--switchmenu end--&gt;
  </code></pre>
  
  <p>functions.php file:</p>
  
  <pre><code>function lapetitefrog_scripts() {
      wp_enqueue_style( 'lapetitefrog-style', get_stylesheet_uri() );
      wp_enqueue_script( 'lapetitefrog-mobile-menu', get_template_directory_uri() . '/js/mobile-menu.js', array(), '1.0', true );
  }
  add_action( 'wp_enqueue_scripts', 'lapetitefrog_scripts' );
  </code></pre>
  
  <p>mobile-menu.js file:</p>
  
  <pre><code> jQuery(document).ready(function($) {
      $('#menu-icon').click(function() {
              $('#switchmenu').slideToggle("fast");
      });
  });
  </code></pre>