title: off hover jquery using .on()
body: <p>I know that the hover method in query allows you to specify what happens when a user hovers and what happens when a user un-hovers. However, I am using .on() to handle the hover event because the content is dynamically created. How can I return it to its original state when the user un-hovers. Here is my code, I have tried .off() but it has not given the results I'm looking for:</p>
  
  <pre><code>$('tr').on('hover', 'td', function(){
      $(this).fadeTo(500, 1 )    
  })
  </code></pre>
  
  <p>Here's what I've tried:</p>
  
  <pre><code>$('tr').off('hover', 'td', function(){
      $(this).fadeTo(500, .85 )         
  })
  </code></pre>
  
  <p>thanks.</p>