Advanced login system using jquery and php with Ajax and materialize modal

advanced login system using jquery and php with Ajax and materialize modal for the form.
How to use session in creating an advanced login system making the navbar items dynamic. Here you will learn to:

• How to validate form with jquery.
• How to register a user using materialize modal .
• How to avoid email duplication.
• How to check password match. 
• How to communicate with the server using Ajax. 
• How to insert data to the database without page refresh. 

Files we will be working with are:

• header.php which is my include folder📁 and that's where the modal code is. Inside the modal we have the login form, and the registration form. 
• Login_system.js this is where all our jquery codes is going to be written, and it is inside the js folder 📁.  
• Insert_query.php this handles the registration form for registering a user 👤, and it is inside the queries folder 📁. 
• Log.php this is the php code that will handle the login process, also inside the queries folder 📁. 
• Footer.php this is for the footer of the site and it inside the include folder 📁. 
• index.php this is our landing page. 

Now let's create our login_system.js file as the first part of the tutorial.

below is the code for login_system.js

Now let's create the insert_query.php file.

below is the code for insert_query.php