title: <tr> tag is not creating new row?
body: <p>This is the table I have in my view</p>
  
  <pre><code>@for (int i = 0; i &lt; Model.AllCommonMatches.Length; i++)
  {
      &lt;tr class="category"&gt;
          &lt;td&gt;//somestuff&lt;/td&gt;          
          &lt;td&gt;//some stuff&lt;/td&gt;
          &lt;td&gt;//some stuff&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class="subcategory" style="display:none"&gt;
          @foreach (var person in Model.AllCommonMatches[i].AvailableAttendees)
          {
  
              &lt;td&gt;@person.Email &amp;nbsp; &amp;nbsp; @person.FirstName &amp;nbsp;&amp;nbsp;@person.LastName&lt;/td&gt;    
  
          }
      &lt;/tr&gt;
  }
  </code></pre>
  
  <p>And there is a click event for table rows</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function () {
          $('.category').on('click', function () {
              $(this).next('.subcategory').fadeToggle();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Whenever table row is click, it expands and shows some data</p>
  
  <p>Here is the <strong>Generated Html</strong></p>
  
  <pre><code> &lt;tr class="subcategory" style=""&gt;
      &lt;td&gt;biplov.cybercop@hotmail.com &amp;nbsp; &amp;nbsp;  &amp;nbsp;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;yo@yo.com &amp;nbsp; &amp;nbsp;  &amp;nbsp;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;foo@foo.com &amp;nbsp; &amp;nbsp;  &amp;nbsp;&amp;nbsp;&lt;/td&gt;
   &lt;/tr&gt;
  </code></pre>
  
  <p>as you can see there are three email address just below the dates.
  I want each email to appear as separate row. So, when row with date is clicked each email occupies an entire row.</p>
  
  <p>This is what I tried (puting <code>&lt;tr&gt;</code> tag inside the <code>foreach</code> statement)</p>
  
  <pre><code>foreach (var person in somecase)
  {
      &lt;tr&gt;
      &lt;td&gt;@person.Email &amp;nbsp; &amp;nbsp; @person.FirstName &amp;nbsp;&amp;nbsp;@person.LastName&lt;/td&gt;    
      &lt;/tr&gt;
  }
  </code></pre>
  
  <p>but now when the row with date is clicked with date it shows only one row.
  Nothing happens now, when I click the row. New row doesn't appear to show emails</p>