Untitled

<!DOCTYPE html>
<html>
        <head>
        <script type="text/javascript" src="jquery.js"></script>
        <meta Content-Type: text/html, application/xhtml+xml, */*>
        <meta Accept:text/html, application/xhtml+xml, */*>
    </head>
<style>
    div
    {
        height: 25px;
        width: 100px;
        color: red;
    }
    div:hover
    {
        background: green;
    }
</style>

<body>

<form action="https://tickets.manserv.net/login" method="POST">

  <input name="username" value="NE7B">
  <input type="password" name="password" value="">
  <input name="authenticity_token" type="hidden" value="token_value">
  <div id="login">
    Click me braa
  </div>

</form>

<script>
                    $("#login").get( "https://tickets.manserv.net/issues.xml?key=[APIKey]", function() {
                  alert( "success" );
                })
                  .done(function() {
                    alert( "second success" );
                  })
                  .fail(function() {
                    alert( "error" );
                  })
                  .always(function() {
                    alert( "finished" );
                  });


/*
            $("#login").click(function (event) {
                $.post("https://tickets.manserv.net/login", { authenticity_token: $('#authenticity_token').val(), username: $('#username').val(), password: $('#password').val() } );
                alert( "Handler for .click() called." );
            });*/
</script>

</body>
</html>