Невозможность получить ответ php в виде элементов html

Это то, чего я хочу достичь: отправлять данные в PHP с помощью AJAX и jquery и получать ответ в виде элементов html и текста.

    <div class = "self">
        <div class = "identity" style = "display: none;">1234</div>
        <div class = "name" style = "display: none;">Mine</div>
        <div class = "city" style = "display: none;">Yours</div>
        Helo
    </div>

    <div class = "self">
        <div class = "identity" style = "display: none;">444</div>
        <div class = "name" style = "display: none;">Oslo</div>
        <div class = "city" style = "display: none;">Kiki</div>
        Hi there
    </div>

    <div class = "self">
        <div class = "identity" style = "display: none;">894</div>
        <div class = "name" style = "display: none;">That</div>
        <div class = "city" style = "display: none;">One</div>
        ok
    </div>


    <script src = "jquery.js"></script>

    <script>



    $( ".self" ).on("click", function( event ) {

        $.ajax({
            type: 'POST',
            dataType: "json",
            url: 'get.php',
            data: {
                    name: $(this).find('.name').text(),
                    city: $(this).find('.name').text()
                  },
            success: function(data){
                if (data.success == true)
                alert(data);
        }
        });
});


</script> 

Я хочу отправить имя и город на php и получить ответ, который я могу поместить в элемент div. мой код php ниже

if (isset($_POST['name'])) {


    $data = "<div>". $_POST['city'] ."is my home town my name is" . $_POST['name'] ."</div>" ;

    echo json_encode($data);

    }