:( Click wont work for newly added items

:( Click wont work for newly added items

  1. $(document).ready(function(){
  2. $('.item').click(function(){ console.log('clicked') });
  3. // after some times some '.item's will be added to the dom:
  4. $('<div class="item"></div>').appendTo($('body'));
  5. // but the click wont work
  6. });
how do i write the Click function only one time and make it work for newly added items as well as already existed items ?