My PHP class:
class myclass
{
    function connection()
    {
        $con = mysqli_connect("localhost", "root", "", "clinic management system");
        return $con;
    }
    function getusername()
    {
        $q = mysqli_query($this->connection(), "select * from clients");
        return $q;
    }
}
php code:
<?php
$obj = new myclass();
$user = $obj->getalluser();
$username = array();
foreach($user as $suser){
    $username[] = $suser['client_name'];
    $data = array( "username" => "");
    if( isset($_POST["naam"]) ) {
        if( in_array( $_POST["naam"], $username ) ) {
            $data["username"] = "inuse";
        }
    }
}
echo json_encode( $data );
?>
jquery:
$(document).ready(function() {
    $("form.register").change(function() {
        $.post("check.php", $("form.register").serialize(), function(data) {
            if (data.username == "inuse")
                $("p#username_error").slideDown();
            else
                $("p#username_error").hide();
        }, "json");
    });
});
html:
<div id="myModal2" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
           <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">×</button>
              <h4 class="modal-title">Registeration</h4>
           </div>
           <div class="modal-body">
              <form method="post" action="index.php" name="myform" id="myform" class="register">
                 <label class="">Username:</label>
                 <input type="text" name="naam" class="form-control">
                 <p id="username_error" style="display: none;" class="error">That Username is unavailable</p>
                 <label class="">Age:</label>
                 <input type="text"  name="age" class="form-control">
                 <label class="">Gender:</label>
                 <select name="gender" class="form-control">
                    <option value="0">select gender</option>
                    <option>male</option>
                    <option>female</option>
                 </select>
                 <label class="">Email:</label>
                 <input type="text" name="email" class="form-control">
                 <label class="">phone:</label>
                 <input type="text" name="phone" class="form-control">
                 <label class="">password:</label>
                 <input type="password" name="pass" class="form-control">
                 <label class="">city:</label>
                 <input type="text" name="city" class="form-control">
                 <label class="">Address:</label>
                 <input type="text" name="address" class="form-control">
                 <input type="hidden" name="status" value="1" class="form-control">
                 <br>
                 <button class="btn btn-primary" type="submit" name="reg">register</button>
              </form>
           </div>
           <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
           </div>
        </div>
When user type his name he get in paragraph that this user is not available if that be already exist in my database so far I have wrote this code since I am new to PHP have no idea where I am doing wrong. Why is my jQuery code not working? I have briefly define all my PHP code I written for that process also my jQuery with HTML code which I used in modal.
 
     
    