Getting API data using JQuery // source http://jsbin.com/qufogu

<!DOCTYPE html>
<html>
<head>
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  <meta charset="utf-8">
  <title>Getting API data using JQuery</title>
</head>
<body>
    <h1></h1>  
    <h2></h2>
<div class="the-law">
    </div>
<script id="jsbin-javascript">
$.ajax ({
    type: 'GET',
    url: 'https://loyolalawtech.org/json/miranda-case.json',
    dataType: 'json',
    success: function (data){
       $('h1').html(data.citation.case_name);
       $('h2').html(data.citation.federal_cite_one);
        $('div.the-law').html(data.html);
    }
});

//https://loyolalawtech.org/miranda-case.json
/*
$.ajax ({
    type: 'GET',
    url: 'https://loyolalawtech.org/json/miranda-case.json',
    dataType: 'json',
    success: function (data){
       console.log(data.citation.case_name); 
       $('h1').htVml(data.citation.case_name);
       $('h2').html(data.citation.federal_cite_one);
    }
});
*/
</script>

</script></body>
</html>

Modified http://code.jquery.com/jquery.min.js to a secure url

Modified http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js to a secure url

https://code.jquery.com/jquery.min.js

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js

https://code.jquery.com/jquery.min.js

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js