#jQuery fileupload for dynamically added input field

jQuery fileupload from Blueimp is one of the good file upload jQuery Ajax classes. I used this class in the development of this website.

To make it work for dynamically added input field use the jQuery live() function. This attach an event handler for all elements which match the current selector, now and in the future.

Example:

$('#fileupload').live('click', function(e) {
    $('#fileupload').fileupload({
        url: '',
        type:'post',dataType: 'json',autoUpload: false,
        formData: {},
        add: function(e, data, textStatus){
            .success(function (result, textStatus, jqXHR) {})
            .error(function (jqXHR, textStatus, errorThrown) {})
            .complete(function (result, textStatus, jqXHR) {});
        },       
        progress: function (e, data, jqXHR) {
        },          
        done: function (e, data) {
        },
    })
});