jQuery Validation unable to read my remote message and displayed incorrect CSS

jQuery Validation unable to read my remote message and displayed incorrect CSS

I'm using jQuery Validation to checking the username availability. I'm able to check the username but when the username existed in database it won't show my error message. Also if you are insert the existed username on the username field it will display the error but if you continue to try another username the error style are become none. 

I have attached the screencast for viewing my error.  http://www.screencast.com/t/hQdRev1HOnh

Also this is my script. 
  2. <script>
  3.             $(document).ready(function() {

  5.                 //* boxes animation
  6.                 form_wrapper = $('.login_box');
  7.                 function boxHeight() {
  8.                     form_wrapper.animate({marginTop: (-(form_wrapper.height() / 2) - 24)}, 400);
  9.                 }
  10.                 ;
  11.                 form_wrapper.css({marginTop: (-(form_wrapper.height() / 2) - 24)});
  12.                 $('.linkform a,.link_reg a').on('click', function(e) {
  13.                     var target = $(this).attr('href'),
  14.                             target_height = $(target).actual('height');
  15.                     $(form_wrapper).css({
  16.                         'height': form_wrapper.height()
  17.                     });
  18.                     $(form_wrapper.find('form:visible')).fadeOut(400, function() {
  19.                         form_wrapper.stop().animate({
  20.                             height: target_height,
  21.                             marginTop: (-(target_height / 2) - 24)
  22.                         }, 500, function() {
  23.                             $(target).fadeIn(400);
  24.                             $('.links_btm .linkform').toggle();
  25.                             $(form_wrapper).css({
  26.                                 'height': ''
  27.                             });
  28.                         });
  29.                     });
  30.                     e.preventDefault();
  31.                 });
  32.                 //* validation
  33.                 $('#login_form').validate({
  34.                     onkeyup: false,
  35.                     errorClass: 'error',
  36.                     validClass: 'valid',
  37.                     rules: {
  38.                         username: {required: true, minlength: 3},
  39.                         password: {required: true, minlength: 3}
  40.                     },
  41.                     highlight: function(element) {
  42.                         $(element).closest('div').addClass("f_error");
  43.                         setTimeout(function() {
  44.                             boxHeight()
  45.                         }, 200)
  46.                     },
  47.                     unhighlight: function(element) {
  48.                         $(element).closest('div').removeClass("f_error");
  49.                         setTimeout(function() {
  50.                             boxHeight()
  51.                         }, 200)
  52.                     },
  53.                     errorPlacement: function(error, element) {
  54.                         $(element).closest('div').append(error);
  55.                     }
  56.                 });
  57.                 $('#reg_form').validate({
  58.                     onkeyup: false,
  59.                     errorClass: 'error',
  60.                     validClass: 'valid',
  61.                     rules: {
  62.                         reg_username: {
  63.                             required: true,
  64.                             minlength: 3,
  65.                             remote: {
  66.                                 url: "check_username.php",
  67.                                 type: "post"
  68.                             }
  69.                         },
  70.                         message: {
  71.                             reg_username: {remote: jQuery.format("{0} is already in use")}
  72.                         },
  73.                         reg_password: {required: true, minlength: 3}
  74.                     },
  75.                     highlight: function(element) {
  76.                         $(element).closest('div').addClass("f_error");
  77.                         setTimeout(function() {
  78.                             boxHeight()
  79.                         }, 200)
  80.                     },
  81.                     unhighlight: function(element) {
  82.                         $(element).closest('div').removeClass("f_error");
  83.                         setTimeout(function() {
  84.                             boxHeight()
  85.                         }, 200)
  86.                     },
  87.                     errorPlacement: function(error, element) {
  88.                         $(element).closest('div').append(error);
  89.                     }
  90.                 });
  91.             });
  92.         </script>

This is my check_username.php source.
  2. include('../inc/dbconn.php');

  4. if (isset($_POST['reg_username'])) {
  5.     $reg_username = mysql_real_escape_string($_POST['reg_username']);
  6.     $check_for_username = mysql_query("SELECT username FROM customers_register WHERE username='$reg_username'");
  7.     if (mysql_num_rows($check_for_username)) {
  8.         echo 'false';
  9.     } else {
  10.         //No Record Found - Username is available
  11.         echo 'true';
  12.     }
  13. }