This is my script for my products index. It produces the index of products multiple times which overlay each other. One layer is fixed and the other is scroll-able. Ive tried changing the the parameter etc but when i do I cant get the content to appear.

can anyone help me with this? 

```
<h3 class="title">PRODUCTS</h3> <br><br><br><br>

<script>

$.getJSON("products2.php", function(data){
  $.each(data, function(i, field){
    $("DIV").append("<div class='productBox'>" + "id: " + field[0] + "<br> <b>" + "Name: "+ field[1] + "</b> <br>" +  "Description: " + field[2] + "<br>" + "Price: £" + field[3] + "<br>"+ "Stock: " + field[4] + "<br>" + "</div>");

  });
});

</script>

<?php include 'footer.php';?>

```