Данные, возвращенные $.jquery ajax, (json)отображаются как 'undefined'

Здесь у меня есть простой php-скрипт, который отображает некоторые значения из базы данных в формате json.

$source = $_GET['source'];

$query = mysql_query("SELECT * FROM images WHERE big_thumb = '". $source. "'");

$results = array();

while($row = mysql_fetch_array($query))
{
   $results[] = array(
      'title' => $row['title'],
      'date' => $row['upload_date'],
      'time' => $row['upload_time']
   );
}

$json = json_encode($results);

echo $json;

Это отображается нормально, вот пример вывода:

[{"title":"Torus","date":"2012-04-04","time":"23:06:14"}]

Затем, когда изображение щелкается, этот jquery вызывается:

var image_src = $(this).attr("alt"); // <= This works fine

    $.ajax({
        url: 'inc/get_image_details.php',
        data: {source : image_src},
        dataType: "json",
        success: function(data)
        {
            title = data.title;
            alert(title);

            date = data.date;
            alert(date);

            time = data.time;
            alert(time);
        }
    });

Однако (переменные заголовка, даты и времени )отображаются как «неопределенные» в предупреждении. коробка. Я пробовал несколько способов реализации вызова ajax, и каждый раз происходит одно и то же. Я впервые попробовал это, но не могу понять.