So I'm completely lost on how to submit a form with Ajax. I'm fairly new to Javascript and hopefully I'm not in over my head. When I click submit on my form, nothing happens on my page, not in my SQL database where the info should be stored (double checked process form too).

Here's the code if anyone's willing to help

Javascript:

        $(document).ready(function() { 

        $('#form').submit(function() {
    $.ajax({
        url: "../process.php",
        type: "post",
        data: $(this).serialize()
    });
});

        }

HTML:

<form name="contact" method="post" action="" id="form">

<span id="input">

  <input  type="text" name="first" maxlength="50" size="30" title="First Name" class="textbox">

  <input  type="text" name="last" maxlength="80" size="30" title="Last Name" class="textbox">

  <input  type="text" name="email" maxlength="80" size="30" title="Email" class="textbox">

  <textarea  name="request" maxlength="1000" cols="25" rows="6" title="Request"></textarea>

</span>

  <input type="submit" value="Submit" class="submit">   

</form>