显示用JSON编码的HTML数据的AJAX问题

Question

如何从成功的AJAX调用中正确显示DIV元素？

<script>
    $("#form").submit(function(){
     $.ajax({   type:"POST", 
     url:"index.php", 
     data: $(this).serialize(), 
     dataType: "json", 
     success: function(data) 
       { 
       $("#content").html(data.html);   
      }  
    }) ; 
</script>

和PHP代码

<?php
$name= "john" ;
$json_array = array();
        $json_array['msg'] = '' ; 
        $json_array['html'] = ''
        .'<div>'.'<span>'.'Name : '.'</span>'.'<span>'.$name.'</span>'.'</div>'
        ."<br/>";

print json_encode($json_array) ;
?>

我收到的AJAX响应

{"msg":"","html":"<div><span>Name : <\/span><span>john<\/span><\/div><br\/>"}

感谢。