File upload using jquery not working

[diggju]

I'm trying to make a really simple file upload using jQuery, without having to download 3rd party plugin / scripts.Here is my code:HTML \[code\] <form enctype="multipart/form-data" action="" method="POST" name="form"> <input type="hidden" name="MAX_FILE_SIZE" value="http://stackoverflow.com/questions/3653226/1000000" /> <?php _e('Choose a file to upload') ?>: <input name="uploadedfile" class="uploadedFile" type="file" /> <input type="submit" class="button uploadImage" value="http://stackoverflow.com/questions/3653226/<?php _e('Upload File') ?>" /> </form>\[/code\]PHP\[code\]<?php require_once($_SERVER['DOCUMENT_ROOT'].'/wp-blog-header.php'); $uploaddir = WP_CONTENT_URL.'/uploads'.$_POST['current_path']; $uploaddir = str_replace('/','\\', $uploaddir); $uploadfile = $uploaddir .'\\'. basename($_FILES['uploadedfile']['name']); echo $uploadfile;?>\[/code\]JS\[code\] //File upload jQuery('.uploadImage').live('click',function() { var current_path = jQuery('#currentPath span').html(); var new_dir = jQuery(this).find('span').html(); // Load new content in browser window jQuery.ajax({ type: "POST", url: "../wp-content/plugins/wp-filebrowser/uploader.php", dataType: 'html', data: {current_path: current_path, new_dir: new_dir}, success: function(data){ alert(data); }, error: function(){ alert('Page load failed.'); } }); });\[/code\]The problem is that I can't get info on \[code\]$_FILES['uploadedfile']['name']\[/code\]. Is this because the form is never submitted?