problem: can't remove new rows in table

problem: can't remove new rows in table

I want to be able to add and remove items (rows from a table). Right now i am able to add rows seemingly without any problem. And here is the thing I haven't been able to solve. When clicking on my image I can remove items that is created upon page load. But i can't remove items that I add after the page load, with the help of jQuery. Any thoughts on what is wrong with my code and why? My code

jQuery code:
  1. $(document).ready(function() {
  2.  $('#addItem').click(function() {
  3.   var new_category = $('input#newCategory').val();
  4.   $("#myTable").last().append("<tr><td>"+new_category+"<img id='checkmark' src='cancel.png' /></td></tr>");
  5.  });
  6.  $('table td img').click(function(){
  7.   $(this).parent().parent().remove();
  8.  });
  9. });

Simple table:
  1. <table id="myTable">
  2.  <tr><td>1 row</td></tr>
  3.  <tr><td>2 row</td><td><img id='checkmark' src='remove.png' /></td></tr>
  4. </table>
  5. <input type="text" id="newCategory" value="ny kategori"/>
  6. <a href="#" id="addItem"> Add List Item </a>