title: Jquery element hover still work even if i remove the class name
body: <p>I want to remove the hover effect based on class when i click on the same element. 
  this is the code:</p>
  
  <pre><code>&lt;div class="myClass"&gt; some text &lt;/div&gt;
  </code></pre>
  
  <p>and Javascript:</p>
  
  <pre><code>$('.myClass').on('click', function(e) {
      $(this).removeClass('myClass');
      alert('myClass is removed from the element but the hover effect still work. i dont want that i want the hover effect to work just if the element has .myClass ');
  })
  </code></pre>
  
  <p>and this is <a href="https://jsfiddle.net/1cj2ndsa/" rel="nofollow">jsfiddle</a></p>