Unable to retrieve json data using Ajax

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script>
  
$(function(){
    $('button').click(function(){
      $.ajax({
        type: 'GET',
        url: "http://localhost/cakephp-2.6.3_smarty/sample1.json",
        dataType: 'json',
        cache: false,
        success:function(data){

            $('p') .html(data);

        }

      });
    });
});

</script>

<p>Pre-modification</p>

 {"data1":, "data2":"}