title: How to use .removeClass() to disable jquery function
body: <p>I want the button click to remove the class "hover-on" so that the hover function becomes disabled, but once the DOM loads it removes the class, but the hover function still works.</p>
  
  <p>I am using the following code.</p>
  
  <pre><code>//Click this 
  $('button').click(function() {
      $('#main-div').removeClass('hover-on');
  });
  
  //Remove class to disable this hover function
  $('.hover-on').hover(function() {
      blah blah blah
  });
  </code></pre>