title: Appending a table row in mvc 3 with Jquery
body: <p>I am trying to append a table cell using the following javascript function:</p>
  
  <pre><code>function fn() {
      $(this).parent().parent().parent().append("&lt;tr&gt;&lt;td &gt;some text&lt;/td&gt;&lt;/tr&gt;");
  }
  </code></pre>
  
  <p>and have a link inside a table cell <code>&lt;td&gt;&lt;/td&gt;</code> with the following link:</p>
  
  <pre><code>&lt;a href="#" onclick="fn();"&gt;+&lt;/a&gt;
  </code></pre>
  
  <p>I am very new to jquery and am just trying to append a table with any text for now but nothing is happening when I click the link inside the table cell.</p>
  
  <p>I am using MVC and razor, could anyone me get this to work?</p>