Как передать массив, используя PHP и Ajax, в Javascript?

jQuery выглядит следующим образом:

$.ajax({
    url: "<?php echo site_url('demo/getPhotos/'); ?>",
    type: 'POST',
    data: form_data,
    success: function(data) {
        alert(data);
   }

А PHP-функция getPhotos выглядит следующим образом:

<?php

$photos = array();

foreach ($data as $photo) {
    array_push($photos,$photo['source']);
    }

// echo json_encode($photos); How should I be returning $photos?

Если я просто повторяю $photos; данные отправляются на успешный обратный вызов, но они не выглядят в удобном для использования формате.

Если я сделаю var_dump($photos) в PHP, то результат будет выглядеть так:

array(4) {
  [0]=>
  string(14) "some_image.jpg"
  [1]=>
  string(14) "some_image.jpg"
  [2]=>
  string(14) "some_image.jpg"
  [3]=>
  string(14) "some_image.jpg"
}

Я пробовал различные комбинации json_encode и тому подобное, но на самом деле я догадываюсь и не уверен в теории, стоящей за этим. Какой лучший способ передачи данных из PHP в Javascript в этом контексте?