ASK: одностраничное приложение на странице входа

Question

Когда я нажимаю кнопку «Отправить» в форме, я хочу, чтобы она перенаправляла на другую страницу ( beranda. php) с одностраничным приложением. Но когда я нажимаю кнопку «Отправить», она все равно перенаправляется на другую страницу, используя многостраничное приложение. URL-адрес по-прежнему localhost / folder / beranda. php, который должен быть localhost / folder / index.php # beranda .

Это мой код формы ( index. php):

<form action='beranda.php' method='post' class="validate-form">
    <span class="animated flipInX login100-form-title">
    Ubharajaya                  </span>
    <small class="animated flipInX p-b-50">
    Bekasi -                    </small>
    <div class="wrap-input100 validate-input p-t-50" data-validate="Username is required">
        <span class="label-input100">Username</span>
        <input class="input100" type="text" name="username" placeholder="Username...">
        <span class="focus-input100"></span>
    </div>
    <div class="wrap-input100 validate-input" data-validate="Password is required">
        <span class="label-input100">Password</span>
        <input class="input100" type="password" name="password" placeholder="*************">
        <span class="focus-input100"></span>
    </div>
    <div class="container-login100-form-btn">
        <div class="wrap-login100-form-btn">
            <div class="login100-form-bgbtn"></div>
            <button name='submit' class="login100-form-btn">
                Login Masuk
            </button>
        </div>
    </div>
</form>

My jQuery для SPA:

<script>
$('.loader').fadeOut('slow');
$(document).ready(function() {
    // Check for hash value in URL
    var hash = window.location.hash.substr(1);
    var action = $('form').each(function(){
        var action = $(this).attr('action');
        if(hash==action.substr(0,action.length-4)){
            var toLoad = hash+'.php html';
            $('html').load(toLoad)
        } 
    });

    $('button').on('click', function(){
        $set = $(this).attr('action');
            var toLoad = $set+' html';
            $('html').fadeOut('fast',loadContent);
            $('.loader').fadeIn('slow');
            window.location.hash = $set.substr(0,$(this).attr('action').length-4);
            function loadContent() {
                $('html').load(toLoad,'',showNewContent())
            }
            function showNewContent() {
                $('html').fadeIn('normal',hideLoader());
            }
            function hideLoader() {
                $('.loader').fadeOut('slow');
            }
            return false;
    }); 
}); 
</script>