title: JSON data is not fetching
body: <p>I am trying to get json data from an url 'https://www.weatherinnovations.com/coop/weather.json' in a tabular from and used method $.getJSON but the data is not showing in the page. the url is contain .json extension i want to how can show the in my table from the url</p>
  <pre><code>&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; integrity=&quot;sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T&quot; crossorigin=&quot;anonymous&quot;&gt;
  
  
  
  &lt;table class=&quot;table table-striped&quot;&gt;
      &lt;tr  class=&quot;bg-info&quot;&gt;
          &lt;th&gt;Date&lt;/th&gt;
          &lt;th&gt;Max Temperature&lt;/th&gt;
          &lt;th&gt;Min Temperature&lt;/th&gt;
          &lt;th&gt;Average Temperature&lt;/th&gt;
          &lt;th&gt;Precipitation&lt;/th&gt;
      &lt;/tr&gt;
  
      &lt;tbody id=&quot;myTable&quot;&gt;
          
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  <p>HTML Form</p>
  <p>JS Script</p>
  <pre><code>
      var myArray = []
    
    
      
  
  
  $.getJSON('https://www.weatherinnovations.com/coop/weather.json', function(data) {
      // JSON result in `data` variable
          myArray = response.data
              buildTable(myArray)
              console.log(myArray)
      
  })
  
      buildTable(myArray)
  
      function buildTable(data){
          var table = document.getElementById('myTable')
  
          for (var i = 0; i &lt; data.length; i++){
              var row = `&lt;tr&gt;
                              &lt;td&gt;${data[i].DateTime}&lt;/td&gt;
                              &lt;td&gt;${data[i].Tmax}&lt;/td&gt;
                              &lt;td&gt;${data[i].Tmin}&lt;/td&gt;
                &lt;td&gt;${data[i].Tavg}&lt;/td&gt;
                &lt;td&gt;${data[i].Precip}&lt;/td&gt;
                        &lt;/tr&gt;`
              table.innerHTML += row
  
  
          }
      }
  </code></pre>