title: How do I fix a TypeError in a hover script?
body: <p>I'm have a tooltip hover working, but I also get an error that I can't seem to fix. I've tried to replace "$" with jquery like suggested and also included no conflict mode, but then my 'tooltip' gets an error as being undefined. I feel like I'm going in circles. Can anyone help? Thank you.</p>
  
  <p>Src: <a href="https://www.w3schools.com/bootstrap/bootstrap_tooltip.asp" rel="nofollow noreferrer">https://www.w3schools.com/bootstrap/bootstrap_tooltip.asp</a></p>
  
  <p>My tooltip works, but I have an error: TypeError: $ is not a function</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I'd like to get rid of the error.</p>