простая система входа в систему spa / php / mysql / jquery

Я пытаюсь создать простую систему входа – я дошел до того, что мой пользователь смог войти в систему и посмотреть его страницу профиля. Я пытаюсь сделать ссылку в шаблоне login_success.php … прямо сейчас она просто добавляет «#» к URL-адресу (потому что я использую это как держатель места.

Вот мой код:

JS / application.js

$(document).ready(function() { $("#main").load("templates/indexforms.php", function () { $("#login").submit(function(e) { e.preventDefault(); $.post("checklogin.php", $(this).serialize(), function() { $("#main").load("templates/login_success.php"); $("#login").remove(); $("#register").remove(); }); }); $("#register").submit(function(e) { e.preventDefault(); $.post("checkreglogin.php", $(this).serialize(), function(){ $("#main").load("templates/login_success.php"); $("#login").remove(); $("#register").remove(); }); }); }); $("#loginlinkdiv a").click(function(event) { event.preventDefault(); $("#main").empty(); $("#main").load("templates/logout.php"); }); $("#logoutlinkdiv a").click(function(event) { event.preventDefault(); $("#main").empty(); $("#main").load("templates/indexforms.php"); }); }); 

шаблоны / login_success.php

 <?php session_start(); if($_SESSION['username'] === null){ header("location: ../index.php"); } ?> <h1>Login Successful</h1> <h2>Username: <? echo $_SESSION['username']?></h2> <div id="logoutlinkdiv" > <a href = "#" >Log out</a> </div> 

Я не могу понять, почему ничего не происходит, когда я нажимаю ссылку для выхода из системы.