title: Jquery not running even after including it in my html
body: <p>So i'm trying to put my jquery in a js folder saved as script.js and then just call the file in my html. So i tried to call it before my css, after my css and even just right above where my  ends yet my jquery is not running. Can anyone identify my issue? Here's how i tried to call my script.js in my index.php</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;?php include '/php/db.php'; ?&gt;
  &lt;link rel="stylesheet" href="style.css"&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type = "text/javascript" src="js/script.js"&gt;&lt;/script&gt;
  
  &lt;link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Paprika" rel="stylesheet"&gt;
  
  
  
  &lt;title&gt;YFC&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
      &lt;div id = "container" method="post"&gt;
          &lt;div class="signup"&gt;
              &lt;h1&gt;Sign up&lt;/h1&gt;
              &lt;form action="/action_page.php"&gt;
                &lt;input class="pop" type="text" name="Sname" placeholder="Fill in your name!"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
                &lt;input class="pop" type="password" name="Slastname" placeholder="Fill in your last name!"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
                &lt;input class="pop" type="text" name="Susername" placeholder="Fill in your username!"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
                &lt;input class="pop" type="password" name="Spassword" placeholder="Fill in your password!"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
                &lt;input class="pop" type="password" name="SRpassword" placeholder="Repeat your password!"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
                &lt;input class="sbutton" type="submit" value="Submit"&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  
          &lt;div class="signin"&gt;
              &lt;h1&gt;Log in&lt;/h1&gt;
              &lt;form action="/action_page.php" method="post"&gt;
                &lt;input class="pop" type="text" name="Lusername" placeholder="Fill in your username!"&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt;
                &lt;input class="pop" type="password" name="Lpassword" placeholder="Fill in your username!"&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt;
                &lt;input class="lbutton" type="submit" value="Log in"&gt;
  
              &lt;/form&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is my jquery code</p>
  
  <pre><code>$('.pop').mouseenter(function(){
      $(this).css('width',300);
  });
  
  $('.pop').mouseleave(fucntion(){
       $(this).css('width',280)                
  
  });
  </code></pre>