Login.html

<link rel="stylesheet" type="text/css" href="css/login.css">

<script type="text/javascript">
    $(document).ready(function() {
        $("#quadradoMagico").hide();
    });
</script>
<script>
    $.getScript(path + "js/controller/Login.js");
</script>

<div id="page">
    <div id="divMessage">
        <div id="message">
            <p id="messageText">Erro ao tentar fazer alguma coisa</p>
        </div>
    </div>

    <div id="content">
        <div id="divLogo">
            <img id="logo" src="images/logoCISSMob.png">
        </div>

        <div id="center">
            <div>
                <img src="images/server-icon.png" style="float: right">
            </div>

            <input type="text" id="userTextField" placeholder="Usuário"><br />
            <input type="password" id="passwordTextField" placeholder="Senha"><br />

            <div id="divLoginButton">
                <input type="button" value="Entrar" id="loginButton">
                <!-- div id="quadradoMagico"></div-->
            </div>
        </div>
    </div>

    <!-- div id="footer">
        <img id="powered" src="images/powered-CISSMOB.png">
    </div-->
</div>
<script src="js/controller/AuthenticatorRealmChallengeHandler.js"></script>