Динамическая Optgroup с JavaScript

Question

Я пытаюсь создать динамику. Я получаю данные с помощью ajax-запроса и хочу, чтобы они были отсортированы. Он также получит название категории. Мой текущий результат заключается в том, что он сортирует, но создает новую группу, а не добавляет ее к старой. (https://i.imgur.com/P3oGXKl.gifv)

$.each(response, function(index, value) {

  if (value['categories_name'] != current_sub) {
    console.log(current_sub);
    if (current_sub) {
      tr += '</optgroup>'
    }
    tr += "<optgroup label='" + value['categories_name'] + "'>";
    current_sub = value['categories_name'];

  }

  tr += '<option value="' + value['product_id'] + '">' + value['product_name'] + '</option>';
});
tr += '</optgroup>';