title: Show all rows when radio button selected
body: <p>PHP generates an html table. In this table there are rows that should be shown
  when a radio button in the parent row has been clicked. Strange thing is that only the first row is shown. But there are 4 rows of sub information. Here is a snippet:</p>
  
  <p>PHP (sub info)</p>
  
  <pre><code>. "&lt;tr class='info' style='display:none'&gt;&lt;td id='e4' class='e4' colspan='2'&gt;Subcell1&lt;/td&gt;&lt;td class='e4' colspan='2'&gt;Info 1:&lt;/td&gt;&lt;td class='e4'&gt;EUR 194&lt;/td&gt;&lt;td class='e4'&gt;EUR 194&lt;/td&gt;&lt;td class='e4'&gt;EUR 194&lt;/td&gt;&lt;td class='e4'&gt;free&lt;/td&gt;&lt;td class='e4'&gt;EUR 310&lt;/td&gt;&lt;td class='e4'&gt;free&lt;/td&gt;&lt;td class='e4'&gt;free&lt;/td&gt;&lt;/tr&gt;\n"
      . "&lt;/tr&gt;\n"
  </code></pre>
  
  <p>. "Subcell1Info 2:not includednot includedEUR 230freenot includedfreefree\n"
          . "\n"</p>
  
  <p>JQuery</p>
  
  <pre><code>$(document).ready(function(){
             $("#outbound tr input").click(function (){
                 $(this).find('input[type=radio]').prop('checked', true);
                 $(this).closest('tr').next('tr').toggle();
  </code></pre>
  
  <p>Any help greatly appreciated.</p>