title: jQuery hover toggleClass not working
body: <p>I've got a fairly straightforward setup. I have a div on my page that has a box-shadow applied to it using the CSS :hover pseudo class. Within that div is a button (another div). I want to use jQuery to remove the box-shadow on the parent div when a user hovers over the button. I think my jQuery looks right, but it's not functioning. There are no console errors.</p>
  
  <p>Here is my HTML for the box with the button:</p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;div class="content-btn"&gt;Click Me!&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my CSS that should be toggled on the parent div:</p>
  
  <pre><code>.no-box-shadow {
      box-shadow: none!important;
  }
  </code></pre>
  
  <p>Here is my jQuery:</p>
  
  <pre><code>$('.content-btn').hover(
      function() {
          $(this).parent().addClass('.no-box-shadow');
      },
      function() {
          $(this).parent().removeClass('.no-box-shadow');
      }
  );
  </code></pre>
  
  <p>I've also tried this configuration:</p>
  
  <pre><code>$('.content-btn').hover(function() {
          $(this).parent().toggleClass('.no-box-shadow');
      }
  );
  </code></pre>