title: Stop Hover effect of an item using JQUERY
body: <p>I have some <code>div</code> elements and each of them have a <code>hover</code> effect applied by CSS. But I don't always want this hover effect; it should only activate under specific conditions. </p>
  
  <p>Now, how can I disable those <code>hover</code> effects using jQuery when my conditions are satisfied? What is the code for disabling <code>hover</code>?  I don't have access to CSS files.</p>