title: How to make clickable row link to a different page
body: <p>I have this bit of working code, but cannot figure out how to change it to do what I need. </p>
  
  <p>Currently, it is a table of clickable rows, the row links to the "authid" page, which corresponds to the authid value on the table. </p>
  
  <p>I need to make it so it still links to the correct authid page but I need to remove the authid row. </p>
  
  <pre><code>&lt;tr id="ClickableRow" class="@style"&gt;
  &lt;td&gt;@Html.ActionLink(@auth.AuthID + " - Details", "Details", new { id = auth.AuthID })&lt;/td&gt;
  &lt;td&gt;...........&lt;/td&gt;
  &lt;/tr&gt;
  
  @section Scripts{
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('tr#ClickableRow').click(function () {
              var url = $(this).find('a:first').attr('href');
              window.location.href = url;
          });
      });
  &lt;/script&gt;
      }
  </code></pre>
  
  <p>So currently it works to link to the correct page, but I can't figure out how to make it link without having to use the a:first method, because I need to delete that authid row. </p>
  
  <p>I'm really new to this all, any help is appreciated. Links to good videos or resources would also be appreciated. </p>