problem with posting data with ajax

See more:

PHP

Ajax

jQuery

i have a form that insert some data to a db with an image file upload
saving image url to db after i resize it ad save the image to my folder
here is the code

<form id="form_insert_edit" action="insert.php" method="post">
    <table dir="rtl" cellpadding="5" cellspacing="5" width="500px">
        <tr>
            <th valign='top' align='right'>name</th>
            <td><input type='text' name='name' id="name" /></td>
        </tr>
        <tr>
            <th valign='top' align='right'>job description</th>
            <td>
                <select name='pName' id="pName">
                <option value='0'></option>
                ...etc
                </select>
            </td>
        </tr>
        <tr>
            <th valign='top' align='right'>القسم</th>
            <td>
                <!--Fill the Departments-->                
                <select name='sectionNames' id="sectionNames">
                    <option value='0'>Fill Data From DB</option>
                </select>
            </td>
        </tr>
        <tr>
            <th valign='top' align='right'>ext no</th>
            <td align='right'><input type='text' name='pNo' id="pNo" /></td>
        </tr>
        <tr>
            <th align='right'>image</th>
            <td><input type='file' name='file' id="file" /></td>
        </tr>			 		 
        <tr>
            <td></td>
            <td>
                <input type='submit' id="ADD" name='ADD'  value='save' />    
                <input type='button' id="Cancel" name='Cancel'  value='cancel' />
            </td>
        </tr>
        <tr>
            <td>
                <span id="bottom"></span>
                <div id="divdate">
                	<?php 
					if(isset($_SESSION['user_name'])){
						echo $_SESSION['user_name'].' inserted successfully ';
					}
					?>
                </div>
                
            </td>
            <td></td>
        </tr>
    </table>
</form>

and my js code is

$(document).ready( function() {		
	$('#Editpopup').click( function(){				
		loadPopupBox();
		$("#name").focus();
	});
	function loadPopupBox() {    // To Load the Popupbox
		$('#popup').fadeIn("slow");
		$("#container").css({ // this is just for style
			"opacity": "0.3"  
		});         
	}
	
	$('#popupBoxClose').click( function() {            
		unloadPopupBox();
	});	
	$("#Cancel").click(function(){
		unloadPopupBox();
	});	
	function unloadPopupBox() {	// TO Unload the Popupbox
		$('#popup').fadeOut("slow");
		$("#container").css({ // this is just for style		
			"opacity": "1"  
		}); 
	}		
	
	/* Insert part */
	$("#ADD").click(function(){
		name=$("#name").val();
		pName=$("#pName").val();
		section=$("#sectionName").val();
		ext=$("#pNo").val();
                img=$("#file").val();
		$.ajax({
			type: "POST",
			url: "insert.php",
			data: "name="+name+"&pName="+pName+"§ion="+section+"&ext="+ext+"&img="+img,
			success: function(html){
				if(html=='true'){
					$("#divdate").html("Data Inserted Successfully");
				}else{
					$("#divdate").html("something wrong, please try later");
				}
			},
			beforeSend:function(){
				$("#divdate").html("Loading...")
			}
		});
		return false;
	});
});

i need also to upload the image i could not do it like this

help needed not all data posted to insert.php correctly idk why