title: Send php array to jquery ajax and make a each loop from that array
body: <p>hi actually i read many topic about array and jquery and they all show example using jquery inside the hmtl script tag but what i try to learn is how to read an array sent by php throught ajax inside a js file</p>
  
  <p>here is my php example</p>
  
  <pre><code>$record = array('jazz','rock', 'punk', 'soft', 'metal');
  echo json_encode($record);
  </code></pre>
  
  <p>then here is my ajax </p>
  
  <pre><code>$.ajax({
      url: "system/music_list.php",
      dataType: 'json',
      cache: false,
      success: function(response){
          // here i want to read the array and make a loop for each element 
      },
  });
  </code></pre>
  
  <p>thanks if you can help me</p>