AJAX Submit Form.. data not sending

I have been battling with this piece of code for literally days now... Would appreciate any help

The script calls the php file without a problem when the submit key is hit. However, it doesnt post the form data with it.

The HTML form

action="" enctype="multipart/form-data"> File:

The Javascipt

$(function() {
$(".submit").click(function() {
 var obj = document.getElementById("form_div");
 var load = document.getElementById("load");
 jQuery.ajax({
 type: "POST",
 name: "image",
 url: "upload_imagel.php",
 enctype: "multipart/form-data",
 beforeSend: function(){
 obj.style.display = 'none';
 load.innerHTML = "

/>"; }, error: function(){ alert('Error has occured'); }, timeout:5000, success: function( results ){ load.style.display = 'none'; obj.style.display = 'block'; } }) return false; }); });

The PHP

The following is then empty

$image=$_FILES['image']['name'];

$(document).ready(function() { 
    var obj = document.getElementById("form_div");
    var load = document.getElementById("load");

    var options = { 
        beforeSend: function(){
             obj.style.display = 'none';
             load.innerHTML = "<img src='../images/misc/ajax-loader.gif' />";
            },
        success: function(){
             load.style.display = 'none';
             obj.style.display = 'block';
            },
        type:      'POST', 
        timeout:   5000 
    }; 

    $('#image_form').submit(function() { 
        $(this).ajaxSubmit(options); 
        return false; 
    }); 
}); 

$image=$_FILES['image']['name'];

<form id="image_form" method="POST" action="sMain/upload_image_small.php" enctype="multipart/form-data">