title: Highlight Table Rows in Multiple tables on hover
body: <p>I have three tables, all side by side to allow for an overflow.</p>
  
  <p>I need the table rows on all three tables to be linked so when it is hovered on one table that row is highlighted throughout all the tables.</p>
  
  <p>Would really appreciate any help. </p>
  
  <p>Example:</p>
  
  <pre><code>&lt;table class="one" width="33.3%"&gt;
    &lt;tr&gt;
      &lt;td&gt;Example&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;table class="two" width="33.3%"&gt;
    &lt;tr&gt;
       &lt;td&gt;Example&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;table class="three" width="33.3%"&gt;
    &lt;tr&gt;
      &lt;td&gt;Example&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>