jQuery Forum

Hi i'm trying to use ajax to send a simple username and password to a login.php which would return 2 result being false or true. Problem is, when i click #loginbutton, it seem to be loading but nothing appears after that (no alert or page reload).

here's my script

1.    <script>
2. $(document).ready(function(){
3.     $('#loginbutton').click(function() {
4. $('#loginform').submit(function() { // catch the form's submit event
5.     $.ajax({ // create an AJAX call...
6.         data: $(this).serialize(), // get the form data
7.         type: $(this).attr('method'), // GET or POST
8.         url: $(this).attr('action'), // the file to call
9.         success: function(result) { // on success..
10.             if (result == 'false') {
11.             alert("Login failed.\n\nThe username and password doesn't match or perhaps the username doesn't exist.\n\nMake sure you have checked your email and validate your account.");
12.             }
13.             else if (result == 'true') {
14.             alert("Thank you, the registration was successful. \nWe have sent you an email, please validate your account. \nClick OK and we will redirect you to the homepage.");
15.             window.location.replace("http://127.0.0.1/wordpress/");
16.         }
17.         }
18.     });
19.     return false; // cancel original event to prevent form submitting
20. });     
21. });
22. });
23. </script>

and my login form (i'm trying to integrate this with wordpress, this is inserted in the header.php)

1. <?php 
2.                         $templateDirectory= get_bloginfo('template_directory');
3. 
   
4.                             echo'
5.                         <form id="loginform" action="'.$templateDirectory.'/login.php" method="post" class="login">
6.                         <a href="#" id="loginbutton" class="linkit">LOGIN</a>
7.                         <div class="para"><input type="text" name="uname" placeholder="Username ..."> <br><input type="password" name="pass" placeholder="Password ..."></div>
8.                         </form>';
9. 
   
10. ?>