title: Get json data to html table
body: <p>I have a json data from a mysql table that is queried from a php script. The json data is coming correctly like this:</p>
  
  <pre><code>{
  "report": [{
      "Mes": "Abril",
      "Dia": "13",
      "Local": "Lisboa",
  
  }]
  }
  </code></pre>
  
  <p>I tried this code to get the data into a html table. But since i'm a noob I don't know why isn't working.</p>
  
  <pre><code>    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
      $.getJSON("http://ib.esy.es/_php/select_comissao1.php",
      function (data) {
          var tr = data.report
          for (var i = 0; i &lt; data.length; i++) {
              tr = $('&lt;tr/&gt;');
              tr.append("&lt;td&gt;" + data[i].Mes + "&lt;/td&gt;");
              tr.append("&lt;td&gt;" + data[i].Dia + "&lt;/td&gt;");
              tr.append("&lt;td&gt;" + data[i].Local + "&lt;/td&gt;");
              $('.table1').append(tr);
          }
      });
      &lt;/script&gt;
  
      &lt;table class="table1"&gt;
          &lt;tr&gt;
              &lt;th&gt;Mes&lt;/th&gt;
              &lt;th&gt;Dia&lt;/th&gt;
              &lt;th&gt;Hora&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Can someone help me?</p>