.add() with a table data a few questsions since it's not workign for me.

.add() with a table data a few questsions since it's not workign for me.

OK here's the exact code right here. I don't know why it's not working for me. I click on it and it's not adding it to itself.  I've looked over it but i think it may be an append issue, but the problem is that i thought it'd just add itself all nice and calmly.
  1. <div>
  2. <table>
  3. <tr><td class="objective">Objective:<input type="text"></td></tr>
  4. </div>
  5. <script>
  6. $(".objective").click(function () {
  7.       $(this).add("<td class='objective'>Objective:<input type='text'></td>");
  8.     });
  9. </script>
Any help is greatly appreciated.