I am using FormData instances to append files to Ajax-requests. It works like so:

var xhr = new XMLHttpRequest(),
    fd = new FormData();

fd.append( 'file', input.files[0] );
xhr.open( 'POST', 'http://example.com/script.php', true );
xhr.onreadystatechange = handler;
xhr.send( fd );

I would like to do this using jQuery's Ajax-methods, but it doesn't seem to work. I tried this:

var fd = new FormData();    
fd.append( 'file', input.files[0] );

$.post( 'http://example.com/script.php', fd, handler );

but I get an illegal invocation error.

Btw, I've laid out this issue in [this StackOverflow question](http://stackoverflow.com/questions/6974684/how-to-send-formdata-objects-with-ajax-requests-in-jquery).

Can this be done in jQuery?