无法以html元素的形式接收php响应

Question

This is what I want to achieve, send data to PHP using AJAX and jquery and recieve a response in form of html elements and text.

    <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> 

I want to send the name and city to php and get a response back that I can put on a div element. my php code is below

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


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

    echo json_encode($data);

    }