проблема с загрузкой файла

У меня следующая разметка:

  <select multiple="multiple" id="targetFilesList"  style="width:200px;height:110px;">
   </select>
   <input type="button" value="Get" id="btnGet" />

и следующий javascript:

    $(function()
    {
        $('#btnGet').click(function()
        {
            var fileupload = $("<input type='file' name='filetoupload' style='visibility:hidden;'/>");
            $('body').append(fileupload);

            fileupload[0].onchange = function()
            {
                $('#targetFilesList').append('<option >' + fileupload.val() + '</option>');
                return false;
            }
            fileupload.click();
        });
    });

Сценарий состоит в том, что мне нужно загрузить несколько файлов, и после того, как пользователь выбрал файл для загрузки, я должен показать имя файла пользователю. Затем при отправке формы я загружу все файлы. это, при нажатии кнопки получения я динамически добавляю элемент управления загрузкой файлов и инициализировать событие onchange только что добавленного элемента управления загрузкой файла. Проблема в chrome 12 при нажатии кнопки get элемент управления загрузкой файла не открывается, но в firefox4 и ie8 он работает. Есть идеи, почему?