title: How to inject an @Html.Action link in an existing table using jquery?
body: <p>I have the following table in my view.</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
     &lt;th&gt;Name&lt;/th&gt;
     &lt;th&gt;Start&lt;/th&gt;
     &lt;th&gt;End&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
     &lt;td&gt;Whatever&lt;/td&gt;
     &lt;td&gt;3/14/2012&lt;/td&gt;
     &lt;td&gt;3/31/2012&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
     &lt;td&gt;Whatever2&lt;/td&gt;
     &lt;td&gt;3/15/2012&lt;/td&gt;
     &lt;td&gt;3/30/2012&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table
  </code></pre>
  
  <p>What I want to be able to do in in my view is turn each col row for "Name" (Whatever, Whatever2) into a corresponding actionlink based on the corresponding id that is passed into the view  (that will later provide drill down into another view).  How can I do this using jquery?</p>
  
  <p>Something like:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      @foreach(var row in Model)
      {
          &lt;text&gt;$('#rowcolid.text(@(Html.ActionLink(&lt;name of the row cell for "Name" col&gt;, "Details", new {id = modelItem =&gt; item.id})&lt;/text&gt;
      }
  &lt;/script&gt;
  </code></pre>