title: Wrapping HTML table rows in <a> tags
body: <p>Is it possible to wrap entire table rows in <code>&lt;a&gt;</code> tags? I want the the entire row to be a clickable link.</p>
  
  <p>If I try the following, the links get rendered above and outside the table:</p>
  
  <p><strong>This:</strong></p>
  
  <pre><code>&lt;table&gt;
  &lt;a href="value_url"&gt;&lt;tr&gt;&lt;td&gt;value&lt;/td&gt;&lt;td&gt;value&lt;/td&gt;&lt;/tr&gt;&lt;/a&gt;
  &lt;a href="value_url"&gt;&lt;tr&gt;&lt;td&gt;value&lt;/td&gt;&lt;td&gt;value&lt;/td&gt;&lt;/tr&gt;&lt;/a&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Renders like this:</strong></p>
  
  <pre><code>&lt;a href="value_url"&gt;&lt;/a&gt;
  &lt;a href="value_url"&gt;&lt;/a&gt;
  &lt;table&gt;
  &lt;tr&gt;&lt;td&gt;value&lt;/td&gt;&lt;td&gt;value&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;value&lt;/td&gt;&lt;td&gt;value&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>