Добрый вечер уважаемые гуру JS. Нужна ваша помощь, так как мне не хватает то ли мозгов то ли знаний!

Есть js функция динамического создания полей для выбора файлов, также имеется ajax функция для загрузки файла на сервер. Если использовать простой инпут( т.е не динамически созданный функцией) то все срабатывает на ура. Но как только я создаю этот инпут на лету аякс не срабатывает, мало того даже не появляется меню выбора файла. Подскажите в чем проблема.
Вот код:
1) ajaxFunction использую библиотеку AJAX Upload (
http://valums.com/ajax-upload/ )
new AjaxUpload('#button-upload', {
action: 'index.php?route=catalog/download/upload&token=<?php echo $token; ?>',
name: 'file',
autoSubmit: true,
responseType: 'json',
onSubmit: function(file, extension) {
$('#button-upload').after('<img src="view/image/loading.gif" class="loading" style="padding-left: 5px;" />');
$('#button-upload').attr('disabled', true);
},
onComplete: function(file, json) {
$('#button-upload').attr('disabled', false);
if (json['success']) {
alert(json['success']);
$('input[name=\'filename\']').attr('value', json['filename']);
}
if (json['error']) {
alert(json['error']);
}
$('.loading').remove();
}
});
2) генерация динамических инпутов
var attachment_row = <?php echo $attachment_row; ?>;
function addAttachment() {
html = '<tbody id="attachment-row' + attachment_row + '">';
html += ' <tr>';
html += '<td><a id="button-upload" class="button">'+"<?php echo $button_upload;?>"+'</a></td>';
html += ' </tr>';
html += '</tbody>';
$('#attachment-row' + attachment_row + ' .date').datepicker({dateFormat: 'yy-mm-dd'});
attachment_row++;
}
Если просто добавить инпут в хтмл вот таким образом
<a id="button-upload" class="button"><?php echo $button_upload; ?></a>
то файл загружается без проблем.