How to load json data into a page using jquery and ajax

jason.php

<script type="text/javascript" src="../jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {
    $.ajax(
    {
        url:"country.json",dataType:"json",success: function(response)
    {
        $("#result").html("First name="+response.first_name);
        $("#result2").html("Last Name="+response.last_name);
    }
    });
});
</script>
<div id="result"></div>
<div id="result2"></div>

country.json

{
"first_name":"Hithin ",
"last_name":"Chandran",
"third":"3.yyy"
}