Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Boobies</title>
    <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
    <section class="login">
        <form action=# onsubmit="logInUser(this)">
            <input type="text" id="username">
            <input type="text" id="password">
            <input type="submit">
        </form>
        <button id="getBooks">Get books BACE!</button>
    </section>

    <section class="books">
        <h2>Books</h2>
        <ul id="books">

        </ul>
    </section>

    <script type="text/javascript">

        var button = $('#getBooks');

        var logInUser = function() {

                var APP_ID = "kid_WJRDsntOk-";

                var user = {username : $("#username").val(), password : $("#password").val()};

                var authToken = "Basic " +  btoa(user.username + ":" + user.password);

                console.log(user);
                console.log(authToken);
                $.ajax({
                    method: "POST",
                    headers: {
                        "Authorization": authToken,
                    },
                    url: "https://baas.kinvey.com/user/" + APP_ID +"/login",
                    data: user,
                    dataType: "json"
                }).success(function(data) {
                    sessionStorage['sessionAuth'] = data._kmd.authtoken;
                    sessionStorage['userId'] = data._id;
                    console.log("User logged in!");
                    console.log(sessionStorage['sessionAuth']);
                }).error(function() {
                    console.log("Ne6to se usra");
                });
        };

        button.on('click', function() {

            var APP_ID = "kid_WJRDsntOk-";
            var authToken = "Kinvey " + sessionStorage["sessionAuth"];

            $.ajax({
                method: "GET",
                headers: {
                    "Authorization": authToken
                },
                url: "https://baas.kinvey.com/apdata/" + APP_ID + "/books",
                dataType: "jsonp"
            }).success(function(data) {
                for (var book in data.result) {
                    console.log(book);
                }
            }).error(function() {
                console.log("Ne6to se usra");
            });
        });

    </script>
</body>
</html>