JQUERY / AJAX请求不通过和冲突

Question

I have included a contact form in my page. In the same page I have a script that gets prices depending on the value of a dropdown. Now when I try to submit the contact message I have a conflict with the script for prices. Basically it tries to run it and I have no clue why. Also the contact form when submitted never works...I just get a new page to open with URL..?message=blablabla Any idea what is going wrong?

I am working on Laravel 4.2 and so the route you see redirects to my php function. Here is the JSfiddle and here is the php code:

    public function postSendMessage() {
    echo "<span class=\"alert alert-success\" >Your message has been received. Thanks!</span><br><br>";
}

Answer 1

Cancel the click so the form will not submit

$("button#send").click( function(evt){
    evt.preventDefault();

---

New error, form has an id of contact, not a class

data: $('form.contact').serialize(),

needs to be

 data: $('form#contact').serialize(),