fileupload does not work

fileupload does not work

hey i have now changed my code for the form plugin which have ajax fileupload... but it does not work :/

in the form plugin doku is writen:

File input elements are automatically detected and processed for you.


my codes:



the form:

<form id="uploadForm" enctype="multipart/form-data" action="takeedit1.php" method="POST">
<input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE" value="100000" />
<input type="file" name="file" size="70">
<input name="Submit" type="submit" id="submit" value="submit" />
</form>
<br /> 
<div id="htmlExampleTarget"></div>


js:

$(document).ready(function() {
    // bind form using ajaxForm
    $('#uploadForm').ajaxForm({
        target: '#htmlExampleTarget',

        success: function() {
            $('#htmlExampleTarget').fadeIn('slow');
        }

    });
});


php:

            $n = $_FILES['file']['name'];
            $s = $_FILES['file']['size'];

            echo "File: $n ($s bytes)";


on submit htmlExampleTarget output:
File: ( bytes)

so the file isnt submited