jQuery creating radio buttons dynamically and attributes
<p>I am using smarty and creating a dynamic html table that has radio buttons for each selection. When I  select a radio button, I would like a hidden row (with a comments text area) to show beneath the what I had just selected as that radio button.
When I run the following code, it will show a rows beneath every radio button, instead of the one i just selected:</p>

<p><strong>Smarty radio buttons:</strong></p>

<pre><code>&lt;tr&gt;
  &lt;td&gt;
    &lt;input 
       type="radio" 
       name="refund_selected" 
       id="refund_selected" 
       value="{smartydynamictag}" /&gt;
  &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p><strong>Hidden row of comments:</strong></p>

<pre><code>&lt;tr id="refund_comments" style="display: none;"&gt;
  &lt;th colspan="6"&gt;Test Here&lt;/th&gt;
&lt;/tr&gt;
</code></pre>

<p><strong>My jQuery:</strong></p>

<pre><code>$("input[name=refund_selected]").click(function() { 
    if ($("input[name=refund_selected]").attr('checked')) {
        $("tr#refund_comments").show(); 
    }
});
</code></pre>
