Jquery File Uploader

This File Uploader Jquery plugin is based upon the Filament Group's - Designing with Progressive Enhancement eBook by Scott Jehl - I have simply extended it and made it JqueryUI Themeable - with jslinting & a few odds & ends

by charlesemerson

HTML

<script src="https://github.com/charlesemerson/Jquery-File-Uploader/raw/master/jquery.fileinput.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/pepper-grinder/jquery-ui.css">
<script src="https://github.com/charlesemerson/Jquery-File-Uploader/raw/master/themeswitchertool.js"></script>
<link rel="stylesheet" href="https://github.com/charlesemerson/Jquery-File-Uploader/raw/master/jquery.fileinput.css">
<div id="switcher"></div>

<div id='container' style="visibility:hidden;">

    <div id='divUpload'>
        <fieldset class="ui-widget ui-widget-content ui-corner-all" style="">
            <legend class="ui-widget ui-widget-header ui-corner-all">Choose File to Upload</legend>    
            <div id='divFileUpload'>
                <input type="file" name="file" id="file" />
            </div>    
        </fieldset>
    </div>
 
    <div id='divButtons' style='text-align:right; padding:10px 0px 10px 0px; '>           
        <input type="button" id="btnUpload" value="Upload File" />
    </div>

</div>

JavaScript

$('#btnUpload').button();
$('#file').customFileInput();
$('#switcher').themeswitcher();
$("#container").css({ "visibility": "visible" });