работа формы upload photo

Всем привет!

Есть форма загрузки фотографий:

Код (PHP):

1. <input type="file" id="files" name="files[]" multiple>
2. <output id="list"></output>
3. <script src="/js/script.js"></script>

И обработчик этой формы. при выборе фоток, появляются их превьюшки:

Код (PHP):

1. function handleFileSelect(evt) {
2.     var files = evt.target.files; // FileList object
3.  
4.     for (var i = 0, f; f = files[i]; i++) {
5.  
6.         if (!f.type.match('image.*')) {
7.             continue;
8.         }
9.  
10.         var reader = new FileReader();
11.  
12.         reader.onload = (function (theFile) {
13.             return function (e) {
14.                     $("#list").append(
15.                         $('<div/>').attr({'class': 'photoBlock'}).append(
16.                                 $('<img/>').attr({'class': 'thumb', 'src': e.target.result, 'title': escape(theFile.name)}).append(escape(theFile.name))
17.                         )
18.                     )
19.             };
20.         })(f);
21.  
22.         reader.readAsDataURL(f);
23.     }
24. }
25.  
26. document.getElementById('files').addEventListener('change', handleFileSelect, false);
27.  
28. $('#list').on('keyup mouseup', '.thumb', function(evt) {
29.     $(this).parent().remove()
30. });

Все работает отлично, но! Если форма добавляется на страницу динамически:

Код (PHP):

1. var photoLabel = $('<label/>').append('Добавить фото');
2. var photoInput = $('<input/>').attr({'type': 'file', 'id': 'files', 'name': 'files[]'}).prop('multiple', true);
3. var uploadList = $('<output/>').attr({'id': 'list'});
4.  
5. $('.uploadDiv').append(photoLabel, photoInput, uploadList);
6.  

То эскизы фотографий не появляются. Подскажите, как правильно сделать или куда копать
Спасибо