[jQuery] MultiFile Emulation

[Mark]

I'm trying to emulate the multifile plug-in (http://www.fyneworks.com/
jquery/multiple-file-upload/) with files stored on a server. This
worked with the 1.24 version of the plug-in. I've upgraded to the 1.46
version and now it isn't working fully correctly.

This is my relevant HTML:
<code html>
    <input name="tufilelist" id="tufilelist" type="text"
style="visibility: hidden;">
</code>

This is what I have for JavaScript code:
<code javascript>
    $(document).ready(function(){
        $('#tufilelist').MultiFile();
    });
    function fileAppend(fileId, fileName){
       appendDbFile('tu-' + fileId + '-' + fileName);
    }

    function appendDbFile(fileinfo){
        $('#tufilelist').val(fileinfo).change();
    }
<code>

Notice the type is text instead of file and the field is hidden from
the user. So, all I'm looking for is the adding and removing items
from a list of values. The PHP code on the back-end parses the stings
to actually attach the files to the item we're working on.

With 1.24, I'd get HTML like this:
<div id="multi_2">
    <input type="text" style="visibility: hidden;" id="multi_2_8"
name="tufilelist8"/>
    <input type="text" style="visibility: hidden; position: absolute;
left: -1000px;" id="multi_2_7" name="tufilelist7"/>
    <input type="text" style="visibility: hidden; position: absolute;
left: -1000px;" id="multi_2_6" name="tufilelist6"/>
    <input type="text" style="visibility: hidden; position: absolute;
left: -1000px;" id="multi_2_5" name="tufilelist5"/>
    <div>
        [<a href="#multi_2">remove</a>]
        <span title="File selected: db-32715-pic1.JPG"
class="file">db-32715-pic1.JPG</span>
    </div>
    <div>
        [<a href="#multi_2">remove</a>]
        <span title="File selected: db-32777-doc1.pdf"
class="file">db-32777-doc1.pdf</span>
    </div>
    <div>
        [<a href="#multi_2">remove</a>]
        <span title="File selected: db-32716-pic2.JPG"
class="file">db-32716-pic2.JPG</span>
    </div>
</div>

With 1.46, I get HTML like this:
<div id="tufilelist_wrap" class="MultiFile-wrap">
    <input type="text" style="visibility: hidden; position: absolute;
top: -3000px;" id="tufilelist" name="tufilelist" class="MultiFile-
applied"/>
    <input type="text" style="visibility: hidden;" id="tufilelist_F1"
name="tufilelist" class="MultiFile-applied MultiFile"/>
    <input type="text" style="visibility: hidden;" id="tufilelist_F1"
name="tufilelist" class="MultiFile-applied MultiFile"/>
    <input type="text" style="visibility: hidden;" id="tufilelist_F1"
name="tufilelist" class="MultiFile-applied MultiFile"/>
    <div id="tufilelist_wrap_list" class="MultiFile-list">
        <div class="MultiFile-label">
            <a href="#tufilelist_wrap" class="MultiFile-remove">x</a>
            <span title="File selected: db-32715-pic1.JPG"
class="MultiFile-title">db-32715-pic1.JPG</span>
        </div>
        <div class="MultiFile-label">
            <a href="#tufilelist_wrap" class="MultiFile-remove">x</a>
            <span title="File selected: db-32777-doc1.pdf"
class="MultiFile-title">db-32777-doc1.pdf</span>
        </div>
        <div class="MultiFile-label">
            <a href="#tufilelist_wrap" class="MultiFile-remove">x</a>
            <span title="File selected: db-32716-pic2.JPG"
class="MultiFile-title">db-32716-pic2.JPG</span>
        </div>
    </div>
</div>