Question

I am getting back some JSON, and need to display it on my page, however it won’t seem to display!

Could someone please have a look and see if you can see where I am going wrong?

Code:

 $.ajax({ type: "GET",
    url: "URL GOES HERE - Cant give for obvious reasons :)",
    dataType: "jsonp",
    success: function (response) {
        var result = response.d;
        $.each(result, function (index, res) {
            $('#questions').val(res.q);

        });
    },
    error: function (msg) {

    }
});

JSON:

{
  "d": [
        {
            "id": "1002 ",
            "q": "What region is Auchentoshan whisky made in",
            "a1": "Highlands",
            "a2": "Speyside",
            "a3": "Lowlands"
        },
        {
            "id": "1042 ",
            "q": "Chase’s award winning vodka is made from...",
            "a1": "Grapes",
            "a2": "Rye",
            "a3": "Potatoes"
        }
    ]
}

Answer 1

$('#questions').val(res.q);

Depending on your what you’re trying to set, you may need to use:

$('#questions').html(res.q);