O plugin de validação jQuery não está funcionando no formato MVC
Eu tenho um formulário MVC como este
<head>
<script src="~/Scripts/jquery-1.8.3.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
</head>
<body>
<form action="" method="get" id="login">
<input id="email" class="text required email" type="text">
<input type="submit" value="Login...">
</form>
<script>
$(function () {
$("#login").validate()
});
</script>
</body>
mas por algum motivo, quando clico no botão enviar, a validação de jquery não está funcionando e recebo um erro como este
TypeError não capturado: $ (...). Validate não é uma função
mas quando eu uso o mesmo html em uma página html normal junto com o link para o mesmo script,eu sou capaz de validar a caixa de texto. Estou faltando algo no MVC, caso eu precise ativar / desativar quaisquer propriedades no MVC. O que estou fazendo de errado, por favor ajude. Obrigado