title: How to make entire <tr> in a table clickable like <a href="">
body: <p>Here is my <a href="https://jsfiddle.net/d8h96c0e/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>How can I make the entire <code>&lt;tr&gt;</code> as clickable.</p>
  
  <p>In the fiddle all the elements like text and images are clickable, but i want to make the entire <code>&lt;tr&gt;</code> clickable. I won't want to make the jQuery query action, as it won't show the href icon while hovering it. </p>
  
  <p>How can I do this ? </p>
  
  <p>I read this <a href="https://stackoverflow.com/questions/1460958/html-table-row-like-a-link">question</a> but it still uses jQuery on click event, which won't show the href icon while hovering it </p>
  
  <p>Here is my HTML </p>
  
  <pre><code>&lt;table border=1&gt;
    &lt;tbody&gt;
  
      &lt;tr&gt;
        &lt;td style="display: none;"&gt;
          13467.36232877521
        &lt;/td&gt;
        &lt;td style="display: none;"&gt;
          0
        &lt;/td&gt;
        &lt;td width="5%" &gt;
          &lt;a href="http://localhost/greenhopping/store/976" style="text-decoration:none;color:black"&gt;
            &lt;img src="http://greenhoppingbucket.s3.amazonaws.com/store/profile/1458470633N4IjGniw81.png" alt="image" height="58px" width="58px" style="margin: -8px 0px -9px -7px;" /&gt;
          &lt;/a&gt;
        &lt;/td&gt;
        &lt;td width="25%"&gt;
          &lt;div class="semibold"&gt;
            &lt;a href="http://localhost/greenhopping/store/976" style="text-decoration:none;color:black"&gt;
                                                                              Juice Generation Demo 1  
                                                                          &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="text-muted"&gt;&lt;i class="fa fa-heart yellow"&gt;&lt;/i&gt; 0&lt;/div&gt;
        &lt;/td&gt;
        &lt;td width="35%"&gt;
          &lt;div class="text-muted"&gt;
            &lt;a href="http://localhost/greenhopping/store/976" style="text-decoration:none;color:black"&gt;
                                                                              Juice Generation, 9th Avenue, New York, NY, United States
                                                                          &lt;/a&gt;
          &lt;/div&gt;
        &lt;/td&gt;
        &lt;td width="35%" class="text-right"&gt;
          &lt;a href="http://localhost/greenhopping/store/976" style="text-decoration:none;color:black"&gt;
            &lt;img src="http://greenhoppingbucket.s3.amazonaws.com/tip/1456942351fQoyY8DNZd.png" alt="image" height="36px" width="40px" /&gt;
          &lt;/a&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>