Jquery does not work on IE

See more:

MVC

jQuery

i have a textbox as follows:

<p>
@Html.Label("lblName", "Name")<br />
@Html.TextBox("txtName")
<n style="display: none; font-weight: bold;">Only alphabets allowed</n>
</p>

and i have applied the jquery to it as follows:

$(document).ready(function () {
    $("#txtName").change(function () {
        var regex = /^[a-zA-Z]*$/;
        var Name= $("#txtName").val();
        if (!regex.test(Name)) {
            $('n').css('color', 'red');
            $('#txtName').css("border", "solid 1px red");
            $('n').show();
        }
        else {
            $('#txtName').css("border", "solid 1px #BBBBBB");
            $('n').hide();
        }
    });
});

The above code works perfectly fine in Firefox and Google Chrome, but not in IE...
Is there anything that i must add to solve this issue???
Please help me