Untitled

<!DOCTYPE html>
<html>
<head>
    <script src="jquery/jq.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <meta charset="utf-8">
    <title>CISS</title>
    <script>
    $(document).ready(function() {
            $(document).on('click', '.mainNav', function() {
            var href = $(this).attr('href');
                $('body').load(href '#mainContainer');
         });
    });
    </script>
</head>
<body id="index">
    <div id="site">
        <div id="mainContainer">
                <div id="navContainer">
                        <div class="mainNav" href="test.php" id="active">
            Test
            </div>
                </div>
        <div id="bbContainer">
            <div class="bigButton">
            </div>
            <div class="bigButton">
            </div>
        </div>
        <div id="footerContainer">
            <div class="footerButton" href="o_nama.php">
            Test
            </div>
        </div>
        </div>
    </div>
</body>
</html>