Contact us 404 error - php

Question

I am trying to make simple tabs. I am having trouble with the contact us tab. I keep getting a 404 error saying the page can not be found. I have copied some supposed to be working examples from online. I know the page exists because it is a email and i emailed it from my other email. This is my first time building a site. I am putting my PHP inside my html. I have tried making my file index.html and index.php and neither worked. It don't matter to me how i do it, ajax or php. I know i did not need to use jQuery to do what i am trying to do, but it was just easier for me. Thanks again for your help, it is much appreciated!
jQuery
$("#phillya11").click(function () {
$("#soon4").show();
$("#soon").hide();
$("#soon1").hide();
$("#soon2").hide();
$("#soon3").hide();
$('#close4').click(function () {
$("#soon4").hide();
});
});
HTML
<div id="phillya11"><a href="#"
style="text-decoration:none;color: #FFF5ee">soon4</a> </div>
</div>
<div id="soon4">
<form action="mail.php" method="POST">
<p>Name</p> <input type="text" name="name">
<p>Email</p> <input type="text" name="email">
<p>Message</p><textarea name="message" rows="6" cols="25"></textarea><br />
<input type="submit" value="Send"><input type="reset" value="Clear">
</form>
</div>
PHP
<?php $name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$formcontent="From: $name \n Message: $message";
$recipient = "myemail#myemail";
$subject = "Contact Form";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "Thank You!";
?>
CSS
#soon4{
display:none;
width:380px;
margin:25px;
height: 346px;
font-style: normal;
font-weight: 500;
font-size:1em;
background-color:#F10B78
}
#close4{
color: white;
margin:90px
}

Answer 1

Where are you putting your PHP? In the index.html file or a separate file?
If you note on your form tag, you've defined the action as mail.php, which is a file that must exist for the form to post it's data to. This is probably where the 404 is coming from.
You can either leave your PHP in the index page (make sure you change it to index.php) and change the form action to index.php, or move your PHP code to a separate mail.php file.

Answer 2

Try to add the event.preventDefault() in your click function.
$("#phillya11").click(function (event) {
event.preventDefault()
$("#soon4").show();
//....
});
http://api.jquery.com/event.preventDefault/