Problema con jquery utilizando ajax

[Jask]

Muy buenas.

Estoy haciendo una prueba con jquery y ajax y bueno es muy sencillo la cosa es que inserto un texto en un campo, y si pongo algo el campo tendría que ponerse con una clase el cual hace que le aparezca un color verde, si no pues un color rojo, más que nada trasteando.

Este es mi código jQuery:

Código Javascript:

$(document).ready(function(){
    $('#addCity').click(function() {
 
        $('#cityname').addClass('in_processing');
        
        $.ajax({
            type : 'POST',
            url : 'post.php',
            dataType : 'json',
            data: {
                email : $('#cityname').val()
            },
            success : function(data){
                if(data.error === true){
                    alert("entró :D");
                }
                else{
                    $('#cityname').removeClass().addClass('in_submitted');
                }
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                $('#cityname').removeClass().addClass('in_error');
            }
        });
        return false;
    });
});
 

Este el código HTML del formulario

Código HTML:

<ul class="form_fields_container">
                    <li><label>Ciudad</label> <div class="form_input"><input name="cityName" id="cityname" type="text"></div></li>
                    </ul>
 

Y este el PHP que lee lo que le pasa el jQuery

Código PHP:

  <?php
 
$return['msg'] = 'You\'ve entered: ' . $_POST['email'];
 
echo json_encode($return);
 
?>   

La cosa es que no veo el error :S si alguien me puede echar un cable se lo agradecería.

Un saludo :)