chiamata ajax non restituisce risultato atteso

[MiDDiO]

Salve a tutti sto facendo un po di pratica con php... e intanto ho sviluppato una form nella quale volevo mettere dei controlli... tra cui se un utente è gia presente nel db. E' la prima volta che provo jquery quindi non sono un asso..
Cmq questa è la form:

<h2>Quote site</h2>
<form name="form_registration" style=display:none method="post" action="registration.php">
<br/>
<div class="input-group">
  <span class="input-group-addon" id="sizing-addon2">Username</span>
  <input id="username_reg" type="text" name= "username_reg" onblur="checkUser()" class="form-control" placeholder="Username" aria-describedby="sizing-addon2">
  <span id="check_user"></span>
</div>
<br/>

Questa è la chiamata jquery messa nell'head della pagina.

    
    function checkUser(){
    var username = document.getElementById('username_reg').value;
    $.ajax ({
        type: "POST",
        url: "checkusername.php",
        data: "username",
        success: function (response){

            if (response == "0"){

                $("#check_user").html("Disponibile");
            }
            else{
                $("#check_user").html("Non Disponibile");
                }
            }
        });
    }

E questa è la pagina che chiama jquery e fa il controllo restituendo un valore che poi viene controllato

include ("connect_db.php");

$username = $_POST['username'];

$sql = "SELECT * FROM Login WHERE Username='" . $username . "'";

$result= mysqli_query($connect_db, $sql);



if(mysqli_num_rows($result)>0){
    echo "1";
    
}else{
    echo "0";
}

Il codice funziona solo che come risultato mi da disponibile quando io so per certo che non dovrebbe essere disponibile... da ignorante ho provato a fare dei var_dump per controllare i valori ma "credo" visto che sia una chiamata ajax non venga vista quindi non visusalizza il var_dump
potreste darmi una mano ?