jQuery / Ajax problem

Tjenare! Jag har börjat använda eller rättare sagt försöka använda jQuery / Ajax i mina funktioner. Jag har googlat massor på hur man använder Ajax för att uppdatera sidan utan en refresh MEN jag har stött på ett problem som jag inte vet vad det skulle kunna vara. Kan någon förklara vad felet i följande kod är för det jag vill ska hända när sidan uppdateras händer inte? index.php

Citat

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>TEST</title> </head> <body> <center> <input type="text" id="nickcheck" name="nickcheck" value="" size="30"><input type="button" id="button" name="button" value="Check"/> <div id="checkresult"></div> <h3>&nbsp;</h3> <h3>&nbsp;</h3> <h4>Register:</h4> <label for="username">Username:</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="username" name="username" size="30"><div id="username_status"></div> <label for="email">Email:</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="email" id="email" name="email" size="30" /><div id="email_status"></div> <label for="password">Password</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="password" id="password" name="password" size="30" value=""><div id="password_status"></div> <label for="repeat_password">Repeat password:</label> <input type="password" id="repeat_password" name="repeat_password" size="30" value=""><div id="repeat_password_status"></div> <input type="submit" id="submit" name="submit" value="Submit" /> <div id="submit_status"></div> <script tye="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="Javascript.js"></script> </center> </body> </html>

Javascript.js

Citat

$('#button').click(function() { var nickcheck = $('#nickcheck').val(); $.ajax({ url: 'process_name.php', data: 'nickcheck='+nickcheck, success: function(data) { $('#checkresult').html(data); } }); }); $('#submit').click(function() { var username = $('#username').val(); $.ajax({ url: 'process_name.php', data: 'username='+username, success: function(data) { $('#username_status').html(data); } }); }); $('#submit').click(function() { var email = $('#email').val(); $.ajax({ url: 'process_name.php', data: 'email='+email, success: function(data) { $('#email_status').html(data); } }); }); $('#submit').click(function() { var password = $('#password').val(); $.ajax({ url: 'process_name.php', data: 'password='+password, success: function(data) { $('#password_status').html(data); } }); }); $('#submit').click(function() { var repeatpassword = $('#repeat_password').val(); $.ajax({ url: 'process_name.php', data: 'repeat_password='+repeatpassword, success: function(data) { $('#repeat_password_status').html(data); } }); });

process_name.php

Citat

<?php if (isset($_GET['nickcheck'])) { echo $nickcheck = $_GET['nickcheck']; } if (isset($_GET['username'])) { echo $username = $_GET['username']; } if (isset($_GET['email'])) { echo $email = $_GET['email']; } if (isset($_GET['password'])) { echo $password = $_GET['password']; } if (isset($_GET['repeat_password'])) { echo $repeatpassword = $_GET['repeat_password']; } ?>

Jag är inte grymt hemma på just Jquery och AJAX men om du skulle kunna skriva ut vad koden gör så man slipper lusläsa allt så kanske man kunde hjälpa.