How do I debug returned AJAX data in the console?

Question

I have a function that makes an AJAX request and returns some data:

$(document).ready(function(){
    $("select#test").change(function(){
        $.ajax({
                url: "",
                data: { "value": $("#test").val(),
                csrfmiddlewaretoken: '{{ csrf_token }}'},
                dataType:"json",
                success: function(data){
                   $("div#return").text(data)
                }
            });
    });
});

When this is displayed it's displayed as [object Object] . I'd like to access it in the console but when I load the console and type data it tells me Uncaught ReferenceError: data is not defined(...)

The data is returned from my Django view and data is a JSON object as so:

    payload = {
        'main': {
            "title": "Jim",
            "description": "I am cool"
        }
    }

    return JsonResponse(payload, content_type='application/json')

Answer 1

success: function(data){
    console.log(data);
}

Answer 2

I'd just add a break point:

success: function(data){
  debugger;
}