title: ReferenceError: $ is not defined $("form").validate({
body: <pre><code>&lt;script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.aspnetcdn.com/ajax/jQuery.validate/1.11.1/jquery.validate.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  
  $("form").validate({
      showErrors: function(errorMap, errorList) {
          // Clean up any tooltips for valid elements
          $.each(this.validElements(), function (index, element) {
              var $element = $(element);
              $element.data("title", "") // Clear the title - there is no error associated anymore
                      .removeClass("error")
                      .tooltip("destroy");
          });
  
          // Create new tooltips for invalid elements
          $.each(errorList, function (index, error) {
              var $element = $(error.element);
              $element.tooltip("destroy") // Destroy any pre-existing tooltip so we can repopulate with new tooltip content
                      .data("title", error.message)
                      .addClass("error")
                      .tooltip({ placement: 'right'}); // Create a new tooltip based on the error messsage we just set in the title
          });
      },
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I have added these headers.But im getting error referenceError $ not defined.I have tried various possible ways. still im getting this error what to do?</p>