jQuery div onclick to click an href inside the div
<p>I have the following HTML:</p>

<pre><code>&lt;table class="products"&gt;
  &lt;tr&gt;
    &lt;td&gt;Product description probably goes here&lt;/td&gt;
    &lt;td&gt;&lt;a href="#"&gt;more information&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>To make it a bit sexier for Javascript-enabled browsers I've added this jQuery (1.3.2):</p>

<pre><code>$(document).ready(function(){
  $('table.products tr').click(function(){
    $(this).find('a').click();
    return false;
  });
});
</code></pre>

<p>But I think it gets into an infinite loop or something. Safari shows this:</p>

<blockquote>
  <p>RangeError: Maximum call stack size
  exceeded. jquery.min.js:12</p>
</blockquote>

<p>Can anyone please offer a workaround or better way?</p>
