title: How to get the output in html from json using Rapidapi?
body: <p>I've been trying hard to get the output in HTML table from the <strong>Json</strong> file and the API I used from rapidapi, but I'm not getting any output and no error for code. Is there any mistake?
  Anyone please help!!! </p>
  
  <pre><code>$.getJSON(settings).done(function(response){ 
  console.log(response) });
  </code></pre>
  
  <p>This gives log to console..but other thing doesn't..why? I have been trying to get output for 2 days, but failed.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;title&gt; Title &lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"&gt;
  
  
  
  &lt;script type="text/javascript"&gt;
      $(function(){
          var settings = {
              "async": true,
              "crossDomain": true,
              "url": "rapidapi_url",
              "method": "GET",
              "headers" :{
                  "x-rapidapi-host": "API_url",
              "x-rapidapi-key": "my_api_key"
              }
          };
          $.getJSON(settings, function(data){
              $.each(data.country_stats, function(i, f){
              console.log(i);
              console.log(f);
  
                  var tblrw = "&lt;tr&gt;" + "&lt;td&gt;" + value.country_name + "&lt;/td&gt;" + "&lt;td&gt;" + value.cases + "&lt;/td&gt;" + "&lt;td&gt;" + value.deaths + "&lt;/td&gt;" + "&lt;td&gt;" + value.region + "&lt;/td&gt;" + "&lt;td&gt;" + value.total_recovered + "&lt;/td&gt;" + "&lt;td&gt;" + value.new_deaths + "&lt;/td&gt;" + "&lt;td&gt;" + value.new_cases + "&lt;/td&gt;" + "&lt;td&gt;" + value.serious_critical + "&lt;/td&gt;" + "&lt;td&gt;" + value.total_cases_per_1m_population + "&lt;/td&gt;" + "&lt;/tr&gt;"
                  $(tblrw).appendTo("#tablerw tbody");
  
              }); 
          });
  
          var tblrw = "&lt;tr&gt;" + "&lt;td&gt;" + value.country_name + "&lt;/td&gt;" + "&lt;td&gt;" + value.cases + "&lt;/td&gt;" + "&lt;td&gt;" + value.deaths + "&lt;/td&gt;" + "&lt;td&gt;" + value.region + "&lt;/td&gt;" + "&lt;td&gt;" + value.total_recovered + "&lt;/td&gt;" + "&lt;td&gt;" + value.new_deaths + "&lt;/td&gt;" + "&lt;td&gt;" + value.new_cases + "&lt;/td&gt;" + "&lt;td&gt;" + value.serious_critical + "&lt;/td&gt;" + "&lt;td&gt;" + value.total_cases_per_1m_population + "&lt;/td&gt;" + "&lt;/tr&gt;";
          $(tblrw).appendTo("#tablerw tbody");   
      });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table class="table table-bordered" id="tablerw"&gt;
  &lt;thead&gt;
  &lt;th&gt;Country name&lt;/th&gt;
  &lt;th&gt;cases&lt;/th&gt;
  &lt;th&gt;Deaths&lt;/th&gt;
  &lt;th&gt;Region&lt;/th&gt;
  &lt;th&gt;Total Recovered&lt;/th&gt;
  &lt;th&gt;New Deaths&lt;/th&gt;
  &lt;th&gt;New cases&lt;/th&gt;
  &lt;th&gt;Serious/Critical&lt;/th&gt;
  &lt;th&gt;Total cases per 1m&lt;/th&gt;
      &lt;/thead&gt;
  &lt;tbody &gt;
  
  &lt;/tbody&gt;
  &lt;/table&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>