Ajax .load();

Подскажите, в какую сторону копать...

Есть два файлика. Первый:

Код (Text):

1. <div id='base'>
2. <div id='id-1'>1</div>
3. <div id='id-2'>2</div>
4. <div id='id-3'>3</div>
5. </div>
6.  
7. <div id='new'>new</div>
8.  
9. <script type="text/javascript" charset="utf-8">
10.     $(document).ready(function(){
11.  
12.         $('div').on('click', function(){
13.             var str = $(this).attr('id');
14.             alert(str);
15.         });
16.  
17.         $('#new').on('click', function(){
18.             $('#base').load('{path=test/4}');
19.         });
20.     });
21. </script>

и второй (test/4)

Код (Text):

1. <div id='id-4'>4</div>
2. <div id='id-5'>5</div>
3. <div id='id-6'>6</div>

При работе скрипта по обработке клика выводится сообщение об атрибуте DIV. Т.е. кликаем на блок №2 и получаем два сообщения alert:
id-2 и base
тут всё работает. Но после обновления информации в "base", новые блоки показываются, но не работает показ атрибутов для новых блоков.

Чего может не хватать? Что-то по аналогии с дополнительной загрузкой картинок?

 

не пашет. А в чём может быть подвох?