javascript - 関数はJqueryを繰り返し実行し続けます

Question

私はばかげた単純な Jquery .js ファイルを作成するのに忙しく、最初のステップで立ち往生しています。

現在、以下に示すようにセットアップしていますが、ページ上の唯一のボタン (ログインページの送信ボタン) をクリックするたびに、ページ全体がリロードされ、最初の機能が再度実行されます。

関数を一度だけ実行するにはどうすればよいですか

$(document).ready(function() {
    //
    //  FUNCTIONS 
    //

    function AllFade() {
        //Hide everything
        $('div').hide()

        //Fade Everything in
        $('div').fadeIn(1000);

        //Hide All Alerts
        $('.alert').hide();
    }

    function LoginCheck() {
        //Check username and pass
    }   

    //   EVENTS     

    //START SEQUENCE
    AllFade();

    //Login check on submit
    $('.btn').click(function() {
        LoginCheck();
    })
});

!! 編集!!

ボタンのコーディングは正確には次のとおりです。

<button class="btn btn-large btn-primary">Sign in</button>

それでもリロードが発生しますか？