通过ajax在代码点火器中提交表单[关闭]

Question

i want to submit a form via ajax but i dnt know why form is not submiting via ajax. why ajax not picking the submit id..this code just submitting as usual way but not through ajax help me where i am wrong ..

 echo form_open('Contact_Controller/submit');
 echo form_input('name', set_value('name'), 'id="name"');
 echo form_input('email', set_value('email'), 'id="email"');
 $data = array(
        'name'=> 'message',
        'id' => 'message',
        'cols'=> '35',
        'rows' => '12'

        );
 echo form_textarea($data, 'Message');
 echo form_submit('submit', 'Submit', 'id="submit"');
 ?>

<script type = "text/javascript">
$('#submit').click(function(){

var form_data = {
        name: $('#name').val(),
        email: $('#email').val(),
        message: $('#message').val()
};

$.ajax({
    url: "<?php echo site_url('tuts_Contact_Controller/submit'); ?>",
    type: 'POST',
    data: form_data,
    success: function(msg) {
      alert(msg);
    }

});

</script>

Answer 1

you should prevent the default event of form submit like:

$('#submit').click(function(evt){
  evt.preventDefault();
  ....