Q:

Создание списка на основе JSON

jQuery в ответ на запрос получает JSON-строку типа
{36:"Австралия",40:"Австрия"}

Фрагмент jQuery:
$.ajax ({
  type: "GET",
  url: "/ajax/",
  data: "q=" + query,
  cache: false,
  dataType: 'json',
  success: function(response) {

    // генерация bar на основе response

    $("#foo").html(bar);
  } 
});

Из полученного JSON хочется собрать фрагмент HTML:
<ul>
  <li id='36'>Австралия</li>
  <li id='40'>Австрия</li>
</ul>

И добавить внутрь div'а "foo".
Хочется не столько увидеть решение, сколько понять логику работы jQuery с JSON.

A:

Спасибо всем за варианты решения. Остановился на этом:
var items = '';
$.getJSON("/ajax/", "q=" + query, function(response) {
  $.each(response, function(i,val) {
    items += '<li id="' + i + '">' + val + '</li>';
  });
  $('#foo').html(items);
});

Проблема решилась изменением положения строк
var items = '';

и
$('#foo').html(items);

Проблема, как я понял, была в видимости переменной items для $('#foo').html(items). Выручил alert(), который я ставил всюду, где только можно, чтобы визуализировать данные на разных этапах. Еще один косяк - невалидный JSON: обернул ID кавычками.

