Как заполнить select optgroup данными из json?

Question

[izmailovalber]

Доброго времени суток!
Имеется такой json:

{
  "response": {
    "items": [
      {
        "category": "Категория 1",
        "section": [
          {
            "name": "Раздел 1"
          },
          {
            "name": "Раздел 2"
          },
          {
            "name": "Раздел 3"
          },
          {
            "name": "Раздел 4"
          }
        ]
      },
      {
        "category": "Категория 2",
        "section": [
          {
            "name": "Раздел 1"
          },
          {
            "name": "Раздел 2"
          },
          {
            "name": "Раздел 3"
          },
          {
            "name": "Раздел 4"
          }
        ]
      }
    ]
  }
}

Как правильно им заполнить select чтобы получилось:

<select>
                  <optgroup label="Категория 1">
                     <option value="Категория 1;Раздел 1">Раздел 1</option>
                     <option value="Категория 1;Раздел 2">Раздел 2</option>
                     <option value="Категория 1;Раздел 3">Раздел 3</option>
                     <option value="Категория 1;Раздел 4">Раздел 4</option>
                  </optgroup>
                  <optgroup label="Категория 2">
                     <option value="Категория 2;Раздел 1">Раздел 1</option>
                     <option value="Категория 2;Раздел 2">Раздел 2</option>
                     <option value="Категория 2;Раздел 3">Раздел 3</option>
                     <option value="Категория 2;Раздел 4">Раздел 4</option>
                  </optgroup>
               </select>

Answer 1

[Лариса .•º]

# что-то типа такого

$.each(json, function(i, value) {
            $('#myselect').append($('<option>').text(value).attr('value', value));
     });