Не срабатывает событие click [дубликат]

Есть код:

HTML

<input type="button" id="add" value="Add">
<ul class="list">
  <li id="0">54546</li>
 </ul>
<div class="result"></div>

и jQuery

$(document).ready(function(){
  $('#add').click(function(){
    var i;
    for(i = 1; i < 5; i++){
       $('.list').append('<li id="'+i+'">Test</li>'); 
    }
  });
  $('li').click(function(event){
    $('.result').text($(event.target).text());
  });
});

На данный момент клик по li срабатывает только по элементу с id=0. Если добавить дополнительные элементы li, с помощью кнопки Add, то они работать не будут. Скажите пожалуйста, как сделать чтобы клик по другим элементам li срабатывал?