title: Change table row background color on hover
body: <p>I want to achieve some kind of half transparent color overlay over hover on a table row, I created a little <a href="https://jsfiddle.net/d3xx2zxw/" rel="nofollow noreferrer">DEMO</a> here.</p>
  
  <p>However I don't want the text to be altered in any way, so just the background, and the reason I want it to be kind of a overlay is that I just want the cells to be slightly darker and not the same color on hover. Make sense?</p>
  
  <p>code:</p>
  
  <pre><code>&lt;table id="compTable" class="prTable"&gt;
      &lt;tr class="prTableHeader"&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;1&lt;/th&gt;
          &lt;th&gt;2&lt;/th&gt;
          &lt;th&gt;3&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr class="prTableRow"&gt;
          &lt;td class="prExerVariNameTD blackColor"&gt;Squat&lt;/td&gt;
          &lt;td class="prVerticalSpace"&gt;&lt;/td&gt;
          &lt;td class="prTableCell" title="@finalDate"&gt;100&lt;/td&gt;
          &lt;td class="prTableCell" title="@finalDate"&gt;100&lt;/td&gt;
          &lt;td class="prTableCell" title="@finalDate"&gt;100&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.prTableCell {
      padding: 7px;
      width: 60px;
      text-align:center;
      border:1px solid #e1e1e1;
      cursor:default;
  }
  
  .prExerVariNameTD {
      width: 200px;
      border:1px solid #e1e1e1!important;
      padding: 5px 5px 5px 10px;
      background-color: white;
  }
  
  .prVerticalSpace {
      width: 50px;
  }
  
  .rowHover {
      /*background: rgba(204, 204, 204, 0.5);*/
      opacity: 0.5;
  }
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>$(document).ready(function () {
      $("table#compTable .prTableCell:even").css("background-color", "#eeeeee");
      $("table#compTable .prTableCell:odd").css("background-color", "White");
  
      $(".prTableRow").hover(function () {
          $(this).toggleClass("rowHover");
      });
  });
  </code></pre>