title: Remove Attributes onmouseover and onmouseout
body: <p>I am trying to make use of JQuery's remove attribute like this:</p>
  
  <pre><code>$('#rom-img_1').removeAttr('mouseover');
  $('#rom-img_2').removeAttr('mouseout');
  </code></pre>
  
  <p>However, it does not remove the effects of the events as the events are still triggered on mouseover and on mouseout. I have tried adding "on" before the events names too but JQuery doesn't use it like that.</p>
  
  <p>Why isn't this working and how can I remove those attributes.</p>
  
  <p>This is a bit of the HTML:</p>
  
  <pre><code>&lt;div onmouseout="$('#heart_401').css({'display':'none'});" onmouseover="$('#heart_401').css({'display':'block'});" id="row-img_11"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Thanks all for any help</p>