insert data with jquery : iam tring to make form to insert data to database with jqeury but there's no action happen and wanna know where's the problem 

here's the code i had make and hope anyone help me find where's the mistake and why there's no action on it

index.html code

     <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="insert.js"></script>
    
    </head>
    <body>
    
    <form id="form-search" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
    <input name="gov" id="gov" type="text" class="textinput required" maxlength="80" required><br>
    
    <input name="area" id="area" type="text" class="textinput required" maxlength="80" required><br>
    <button id="submit" type="button">insert</button>
    </form>
    
    </body>
    </html> 

insert.js code

    $(document).ready(function(e) {
    	$('#submit').click(function() {
    		var gov =$('#gov').val() ;
    		var area =$('#area').val() ;
    		$.ajex({
    		type   :'post' ,
    		data   :{gov:gov,area:area},	
    		url    :"insert.php",
    		success :function(result) {
    			alert(result);
    			}
    		})
    
    	});
    	});

insert.php code

    <?php 
    $con = mysqli_connect('localhost','user','pass','db');
    if (!$con) {
        die('Could not connect: ' . mysqli_error($con));
    }
    
    if($_REQUEST['gov']) {
    	
    	$gov=$_REQUEST['gov'];
    		$area=$_REQUEST['area'];
    $q="inser into gov values ('','$gov','$area')";
    $query=mysqli_query($con,$q);
    if($query){
    	echo "data insert " ;
    	}
    	}
    
    
    ?>
