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

Question

这是我要实现的目标，使用AJAX和jquery将数据发送到PHP并以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);

    }