title: Jquery datatables unable to highlight row?
body: <p>I am trying to make it so that when the user clicks on a row in the table, it highlights:</p>
  
  <p>I am using the jquery datatables plugin here:
  <a href="http://datatables.net/" rel="nofollow">http://datatables.net/</a></p>
  
  <p>My CSS</p>
  
  <pre><code>.row-modified {
      background-color: '#000';
  }
  </code></pre>
  
  <p>My Event Handler</p>
  
  <pre><code>$("#mytable tbody tr").live("click", function(event){
      console.log("Row Clicked");
    $(event.target).parent().find("td").addClass('row-modified');
  });            
  </code></pre>
  
  <p>What is wrong with what I am doing? (note: I am suing the default CSS provided with datatables).</p>