El complemento de validación de jQuery no funciona en forma MVC
Tengo un formulario 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>
pero por alguna razón cuando hago clic en el botón Enviar, la validación de jquery no funciona y aparece un error como este
TypeError no capturado: $ (...). Validar no es una función
pero cuando uso el mismo html en una página html normal junto con el enlace al mismo script,puedo validar el cuadro de texto. ¿Me falta algo en MVC? ¿Debo habilitar / deshabilitar cualquier propiedad en MVC? ¿Qué estoy haciendo mal? Por favor ayuda. Gracias