Проверка jquery во внешнем файле

Question

Я использую jquery и плагин проверки для проверки ввода формы на стороне клиента.

Вместо перегрузки отображаемого HTML я думал, что было бы неплохо сохранить правила проверки для разных форм в отдельных файлах. Однако, когда я пытаюсь это сделать, я продолжаю получать ошибку firebug, которая проверяет, является неизвестной функцией.

Вот правило проверки:

(function($){ 
signinval = function(){ 
    $(document).ready(function(){ 
     $('#login').validate({ 
      debug: false, 

      rules: { 
       loginEmail: {required: true, email: true}, 
       loginPassword: required 
      }, 
      messages: { 
       loginEmail: {required:"Please supply your Firstname",email:"Please supply a valid email"}, 
       loginPassword: "Please enter your password" 
      } 
     }); 
    }); 
}; 
})(jquery); 

включает Jquery и Validate плагина перед включением в вызов функции signinval(), и я все еще получаю ошибку.

Я трал сеть, ищущую решение, но не могу найти ничего.

Может кто-нибудь указать мне, как это сделать, пожалуйста.

EDIT:

Порядок из включает в себя это:

<script src="bower_components/jquery/jquery.js"></script> 
<script src="js/jquery.validate.min.js"></script> 
<script src="js/val_signin.js"></script> 

ДАЛЕЕ EDIT:

Когда код был в основном HTML сам файл он работает отлично. Первоначально код был в блоке $ (document) .ready(), и он работал нормально. Я преобразовал его в функцию выше, следуя за другим сообщением, которое я видел ранее.

Answer 1

OK постоянство окупилось в конце. Потому что я использую основание zurb для дизайна, jquery должен быть включен внизу. Конечно, я включил его и в верхнюю часть, и плагин проверки, но, конечно же, с JQuery, включенным и внизу, это вызывало ошибку.

Сохранение jquery в верхней части и удаление включения снизу означает, что все работает нормально, а внешний файл - в порядке.

Благодаря @Java_User и @ArunPJohny за вашу помощь.

С уважением Graham