title: customScript.js:1 Uncaught ReferenceError: $ is not defined
body: <pre><code>&lt;head&gt;
     &lt;script type="text/javascript" src="customScript.js"&gt;&lt;/script&gt;
      &lt;link href="dist/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;script src="docs/assets/js/vendor/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
      &lt;link rel="icon" href="img/facebookicn.png"&gt;
  
      &lt;title&gt;Facbook&lt;/title&gt;
  
  
      &lt;link href="dist/css/jumbotron.css" rel="stylesheet"&gt;
      &lt;link href="dist/css/custom.css" rel="stylesheet"&gt;
  
  
  &lt;/head&gt;
  </code></pre>
  
  <p>//this is in coustom.js file</p>
  
  <pre><code>$(document).ready(function(){
      $('[data-toggle="tooltip"]').tooltip();
  });
  </code></pre>
  
  <p>//this is in html </p>
  
  <pre><code>    &lt;div class="col-md-6 txtfeild "&gt;
    &lt;a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!"&gt;&lt;input id="firstName" class="form-control" placeholder="First Name"  type="text" onblur="validateName()" &gt;&lt;/a&gt;
         &lt;/div&gt;
  </code></pre>
  
  <p>i am getting error like this 
  customScript.js:1 Uncaught ReferenceError: $ is not defined
  at customScript.js:1 tried many methods but cannot resolve this error </p>