Adding Dynamically control in table rows using jquery

Adding Dynamically control in table rows using jquery

I want to add Dynamically the all controls as it in previous row with class name . for this i have done this , but it is too complecated. 
 and my jquery is here
  2. <table id="Myt">
  3.     <tr>
  4.         <td><input type="text" class="fAge" ></input> </td>
  5.         <td><input type="text" class="lAge" ></input> </td>
  6.         <td><input type="Checkbox" class="elegible" >Eligible</input> </td>
  7.         <td><a href="#" class="addmore">Add More</a> </td>
  8.     </tr>
  9. </table>

  11. my jquery
  12. $('.addmore').on('click',function()
  13.                  {
  14.                      
  15.                      $('#Myt tr').last().after('<tr><td><input type="text" class="fAge" ></input></td><td><input type="text" class="lAge" ></input></td><td><input type="Checkbox" class="elegible" >Eligible</input></td><td><a href="#" class="addmore">Add More</a> </td></tr>');
  16.                  });
but the on clicking the newly added row, it doesn't add new row to table 
jsfiddle link
http://jsfiddle.net/79Lyp/