title: Cant get javascript and Jquery to work in functions.php
body: <p>Here's My first post!</p>
  
  <p>I am a bit of a newb to coding, I know enough html and css, mixed with using frameworks such as bootstrap, to develop a basic website and have started learning how to build themes in wordpress using php.</p>
  
  <p>My goal was to build a theme using bootstrap and javascript but I am having trouble with the simplest of tasks such as getting the scripts to work in functions.php. I have been following some tutorials online which just didn't work and after a lot of experimenting and researching I cant seem to get anything to work.</p>
  
  <p>My functions.php code is:</p>
  
  <pre><code>&lt;?php
  
  function styles() {
      wp_register_style('bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
      $dependencies = array('bootstrap');
      wp_enqueue_style( 'bootstrapstarter-style', get_stylesheet_uri(), $dependencies );
  
      wp_register_style('style', get_template_directory_uri() . 'style.css');
      $dependencies = array('style');
      wp_enqueue_style('style', get_stylesheet_uri(), $dependencies);
  }
  add_action( 'wp_enqueue_scripts', 'styles' );
  
  
  
  function scripts() {
  
      wp_deregister_script('jquery3.4.1');
      wp_enqueue_script('jquery3.4.1', get_template_directory_uri() . 'jquery-3.4.1.min.js', '', 1, true);
  
      $dependencies = array('jquery');
      wp_enqueue_script('bootstrap', get_template_directory_uri() .'/bootstrap/js/bootstrap.min.js', $dependencies, '3.3.6', true );
  
      wp_enqueue_script('customjs', get_template_directory_uri() . 'scripts.js', '', 1, true);
  
  }
  add_action( 'wp_enqueue_scripts', 'scripts' );
  
  
  function title(){
      add_theme_support( 'title-tag' );
  }
  add_action( 'after_setup_theme', 'title' );
  
  
  ?&gt;
  
  
  </code></pre>
  
  <p>and I have a test piece of code which displays a pop-up alert in the scripts.js (and the footer is calling the ?php wp_footer();? ):</p>
  
  <pre><code>$(document).ready(function(){
      alert('test');
  })
  
  </code></pre>
  
  <p>I have also experimented with the load order thinking that bootstrap js may be interfering with my own js but which ever way I position them I cannot get them to work.</p>
  
  <p>Apologies if this is a dumb one and if this has been asked before but nothing I have looked up seems to work and any help would be greatly appreciated.</p>
  
  <p>Many thanks!</p>