enclosed a snipped of my code.
i wish to implement the simplest mechanism of authentication.
there are two input fields, *user* and *password*.
when clicking the send button, the verify() function is invoked, which checks whether the *username* and *password* are both "*admin*", if it holds then it displays the *isCorrect* div, and the *isWrong* otherwise.

thanks!

test.html

```
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="test.css"/>
        <script src="jquery-1.7.js"></script>
        <script src="test.js"></script>
    </head>

    <body>
        <form class="header">
            Username: <input type="textbox" tabindex="1" id="username"/>
            Password: <input type="password" tabindex="2" id="password"/>
            <input type="submit" value="Send" tabindex="3" id="send" onclick="verify()"/>
        </form>

        <div id="isCorrect">correct!</div>
        <div id="isWrong">wrong!</div>
    </body>
</html>

```

test.css

```
#isCorrect { display: none; }
#isWrong { display: none; }

```

test.js

```
function verify() {
    var username = $("#username").val();
    var password = $("#password").val();
    if (username == "admin" && password == "admin")
        $("#isCorrect").toggle();
    else
        $("#isWrong").toggle();
}

```