How to client side validation message from resource file in MVC?

See more:

Java

Ajax

jQuery

C#3.5

MVC5

<label class="" for="form-last-name">@Resources.Registration.FirstName*</label>
@Html.TextBoxFor(model => model.FirstName)

<label class="" for="form-email">@Resources.Registration.LastName*</label>
@Html.TextBoxFor(model => model.LastName)

<label class="" for="form-email">@Resources.Registration.Address*</label>
@Html.TextBoxFor(model => model.Address)

<button type="submit" class="btn" >Submit</button>

<script type="text/javascript>
function PageValidate() {
if ($('#FirstName').val() == '' || $('#FirstName').val() == null) {
$("#firstName").html('First name is required');
$('#FirstName').focus();
return false;
}
else {
$("#firstName").html('');
}

if ($('#LastName').val() == '' || $('#LastName').val() == null) {

$("#lastName").html('Last name is required');
$('#LastName').focus();
return false;
}
else {
$("#lastName").html('');
}

if ($('#Address').val() == null || $('#Address').val() == '') {
$("#addresses").html('Address is required');
$('#AddressLine1').focus();
return false;
}
else {
$("#addresses").html('');
}

}
</script>

What I have tried:

In view page-

@Resources.Registration.FirstName is working but,
In javascript error message are not working-:
$("#firstName").html('@Resources.Registration.errorFirstName');

Please solve this problem