title: Uncaught TypeError: $(...).ready is not a function
body: <p>Hi I Know this has been asked before but no answer on here seems to help me.</p>
  
  <p>I have this block of JS:</p>
  
  <pre><code>$(document).ready(function() {
      $('.play-icon-hover').hover(function() {
           $('.cms-model-banner-overlay').addClass('.cms-model-banner-overlay-active');
          }, function() {
           $('.cms-model-banner-overlay').removeClass('.cms-model-banner-overlay-active');
      });
  });
  </code></pre>
  
  <p>And I seem to be getting this error but I have no idea why?</p>
  
  <pre><code>Uncaught TypeError: $(...).ready is not a function
  </code></pre>
  
  <p>Thanks</p>