title: Bootstrap 3 JQuery Validation not working
body: <p>I am working on Symfony2 project and have used bootstrap 3.0.2. I have used jquery validation 1.9.0  plugin for login validation.
  I want to do somethi like this<a href="http://jsfiddle.net/hTPY7/527/" rel="nofollow noreferrer">Fiddle</a>
  is worked in core php but in symfony it doesn't work.
  Here is my code</p>
  
  <p><strong>Login.html.twig</strong></p>
  
  <pre><code>&lt;script src="{{asset('bundles/Loginbundle/js/script.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('bundles/Loginbundle/js/jquery-1.7.1.min.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('bundles/Loginbundle/js/jquery.validate.min.js')}}"&gt;&lt;/script&gt;
  &lt;link href="{{asset('bundles/Loginbundle/css/bootstrap.css')}}" rel="stylesheet"&gt;
  &lt;form id="contact-form" class="form-horizontal" action="{{ path('login_login_homepage')}}" method="POST"&gt;
      &lt;div class="form-group"&gt;
          &lt;label class="control-label" for="user"&gt;Username:&lt;/label&gt;
          &lt;div class="input-group"&gt;
              &lt;span class="input-group-addon"&gt;@&lt;/span&gt;
              &lt;input type="text" class="form-control" name='user' placeholder='Username' /&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
      &lt;div class="form-group"&gt;
          &lt;label class="control-label" for="pass"&gt;Password:&lt;/label&gt;
          &lt;div class="input-group"&gt;
              &lt;span class="input-group-addon"&gt;&lt;/span&gt;
              &lt;input class="form-control" type='password' name='pass' placeholder='Password'/&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
      &lt;div class="checkbox"&gt;
          &lt;label&gt;
              &lt;input type="checkbox" name="remember"&gt;
              Remember Me
          &lt;/label&gt;
      &lt;/div&gt;
      &lt;!--&lt;input type="checkbox" name="remember" value="Remember-Me"&gt;&lt;p style="display:inline;"&gt; &amp;nbsp;Remember Me&lt;/p&gt;
      --&gt;
      &lt;button class="btn btn-primary" type="submit" &gt;SignIn&lt;/button&gt;
      &lt;a href="{{path('login_login_signup')}}"&gt;Sign Up&lt;/a&gt;
      &lt;br&gt;&lt;br&gt;&lt;br&gt;  
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>scripy.js</strong></p>
  
  <pre><code>$('form').validate({
      rules: {
          user: {
              minlength: 5,
              maxlength: 15,
              required: true
          },
          email: {
              required: true
          },
          pass: {
              minlength: 5,
              maxlength: 15,
              required: true
          }
      },
      highlight: function(element) {
          $(element).closest('.form-group').addClass('has-error');
          $(element).closest('.form-group').removeClass('has-success');
      },
      unhighlight: function(element) {
          $(element).closest('.form-group').removeClass('has-error');
          $(element).closest('.form-group').addClass('has-success');
      },
      errorElement: 'span',
      errorClass: 'help-block',
      errorPlacement: function(error, element) {
          if (element.parent('.input-group').length) {
              error.insertAfter(element.parent());
          } else {
              error.insertAfter(element);
          }
      }
  });
  </code></pre>
  
  <p>I have tried to debig using firebug and it shows error as below</p>
  
  <p><img src="https://i.stack.imgur.com/kYXhs.jpg" alt="enter image description here">
  But, still not working.Please help me out.</p>