title: Add New Table Row after current row using jQuery
body: <p>I'm trying to add new row which is clone of current row. I tried following code. It doesn't pops error but neither adds rows. Whats the error here with my code? Is there any alternative easy idea?</p>
  
  <pre><code>        $('input[name="cmdAddRow"]').live('click', function(){
              $curRow = $(this).parent('tr');
              $newRow = $curRow.clone(true);
              console.log($newRow);
              $curRow.after($newRow);
              console.log('added');
          });
  </code></pre>
  
  <p>HTML Layout:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;input type="hidden" name="uin" value="xxx"&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="uname" value=""&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="uadd" value=""&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="utel" value=""&gt;&lt;/td&gt;
          &lt;td&gt;&lt;input type="button" name="cmdAddRow" value="Add"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>