title: Use Ajax actionlink for entire table row
body: <p>At the moment I am using the following code to display information in a partial view below my table - </p>
  
  <pre><code>@foreach (var item in Model)
  {
      &lt;tr&gt;
          &lt;td&gt;
              @Ajax.ActionLink(
                  item.FirstName,
                  "DisplayApplication",
                  new { ID = item.ColleagueID },
                  new AjaxOptions { UpdateTargetId = "Application" }
              )
          &lt;/td&gt;
          &lt;td&gt;
  ...
          &lt;/td&gt;
          &lt;td&gt;
  ...
          &lt;/td&gt;
          &lt;td&gt;
  ...
          &lt;/td&gt;
          &lt;td&gt;
  ...
          &lt;/td&gt;
      &lt;/tr&gt;
  }
  </code></pre>
  
  <p>This works perfectly fine. However I want to make the entire table row to be clickable not just the person's first name. I can't seem to find a similar question to this.</p>