JavaScript : Why does my password field not updating at all?
<p>Why is my password field not updating at all? The password field is supposed to turn red after a user clicks out of the <code>id="password2"</code> input text field, yet it does not seem to want to work. Any thoughts?</p>

<p>This is my CSS</p>

<pre><code>#denied {
    border: 1px ridge #272727;
    -webkit-box-shadow: inset 1px 2px 5px black;
    box-shadow: inset 1px 2px 5px black;
    height: 40px;
    width: 97%;
    color: #FFF;
    font-size: 18px;
    font-family: dota2fonts;
    padding: 5px;
    background-color: red;
    text-shadow: 1px 3px 5px #000000;
}
</code></pre>

<p>and this is my JavaScript</p>

<pre><code>function initPage() {
    document.getElementById("￼password2").onblur = checkPassword;
}

function checkPassword() {
    var password1 = document.getElementById("password1").value;
    var password2 = document.getElementById("password2").value;
    if (password1 != password2) {
        password1.className = "denied";
    }
}
</code></pre>
