ajax automatically double submit problem

See more:

PHP

Ajax

CodeIgniter

Hey guys, I have this weird problem, and firebug is not showing any error that make things harder to track, whenever I insert new data, it submits twice.

Here's my ajax:

$('#submit').click(function(){
        
        if($('#titleID').val().length <=0 || $('#genreIDID').val().length<=0){
              $("#InsertSuccessPrompt").css({"display":"none"});     
              $("#InsertEmptyPrompt").css({"display":"inline","color":"Red"});
                 return false;    
        }
        else{
              $.ajax({
              type: 'POST',
              url:'http://localhost/AnimeInventory/index.php/maincontroller/insertForm',
              data:{title : $('#titleID').val(),genreid : $('#genreIDID').val()},
              dataType:'JSON',
              success: function(){
            }
          });
           $("#InsertEmptyPrompt").css({"display":"none"});     
           $("#InsertSuccessPrompt").css({"display":"inline","color":"Green"});
           return false;
}
});

Here's my php code:

<?php $genreList = array('1'=>'Comedy','2'=>'Action','3'=>'Sci-fi');
     
      echo form_open('mainController/insertForm','id="JSInsertEvent"');
      echo '<table><tr><td>';
      echo form_label('Title').'</td><td>';
      echo form_input('title','','id="titleID"').'</td></tr><tr><td>';
      echo form_label('Genre').'</td><td>';
      echo form_dropdown('genreid',$genreList,'','id="genreIDID"').'</td></tr><tr><td>'; 
      echo form_submit('Submit','Submit Button','id="submit"').'</td><td>';
      echo '<span id="InsertSuccessPrompt" style="display:none">Inserted</span>';
      echo '<span id="InsertEmptyPrompt" style="display:none">Please fill up the title box</span>';
      echo form_close().'</td></tr>';
      ?>

Maybe someone here already faced this problem before, Thanks,