title: highlight selected row and column on mouseover in html table
body: <p>I have a requirement to highlight row and column of the cell in the table on mouseover.The table generated is dynamic which i'm getting the
  values from database and displaying in the html table. The structure of the table is exactly as shown below and i cannot modify the existing structure.
  Please suggest with my existing html code how can i highlight selected row and column in a table either using jquery/css.
  Please find the fiddle <a href="http://jsfiddle.net/0w9yo8x6/78/" rel="nofollow">http://jsfiddle.net/0w9yo8x6/78/</a>.</p>
  
  <p>Below is the html code:</p>
  
  <pre><code>&lt;div&gt;
  &lt;table border="1px"&gt;
  &lt;tr&gt;
  &lt;td&gt;
      &lt;table style="width:100%"&gt;
          &lt;tr title="Table Header"&gt;
          &lt;td&gt;
          Title
          &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;
      &lt;table border="1px"&gt;
          &lt;tr&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td bgcolor="grey"&gt;Header1&lt;/td&gt;
           &lt;td bgcolor="grey"&gt;Header2&lt;/td&gt;
           &lt;td bgcolor="grey"&gt;Header3&lt;/td&gt;
           &lt;td bgcolor="grey"&gt;Header4&lt;/td&gt;
           &lt;td bgcolor="grey"&gt;Header5&lt;/td&gt;
           &lt;/tr&gt;
  
      &lt;tr&gt;
           &lt;td bgcolor="grey"&gt;Row1&lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell1  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell1
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell1  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell1
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell1  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell1
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell1  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell1
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell1  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell1
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
        &lt;/tr&gt;
  
           &lt;tr&gt;
           &lt;td bgcolor="grey"&gt;Row2&lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell2  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell2
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell2  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell2
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell2  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell2
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell2  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell2
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell2  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell2
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
        &lt;/tr&gt;
  
  
           &lt;tr&gt;
           &lt;td bgcolor="grey"&gt;Row3&lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell3  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell3
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell3  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell3
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell3  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell3
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell3  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell3
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
           &lt;td&gt;
              &lt;table&gt;
              &lt;tr&gt;
              &lt;td&gt;
                 Cell3  
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt; 
              &lt;td class='innerCell'&gt;
              Inner cell3
              &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/table&gt; 
        &lt;/td&gt; 
        &lt;/tr&gt;
        &lt;/table&gt;
        &lt;/td&gt;
        &lt;/tr&gt;
        &lt;/table&gt;
        &lt;/div&gt;
  </code></pre>