Обновление в форме опций (в input select) по ajax

Question

Не получается обновить список опций в select после добавления новой категории.

Есть форма:

    <form id ="add_category" enctype="multipart/form-data">
&lt;label class=&quot;uk-form-label&quot; for=&quot;form-stacked-text&quot;&gt;Название&lt;/label&gt;
&lt;input type=&quot;text&quot; class=&quot;uk-input&quot; name=&quot;name&quot; id=&quot;name&quot; required&gt;

&lt;label class=&quot;uk-form-label&quot; for=&quot;form-stacked-text&quot;&gt;Родительская&lt;/label&gt;
&lt;select name=&quot;parrent&quot; class=&quot;uk-select&quot; id=&quot;parrent&quot;&gt;
    &lt;option value=&quot;&quot; selected&gt;Без родительской&lt;/option&gt;
    &lt;div id=&quot;addresult_category_list&quot;&gt;&lt;?include $_SERVER['DOCUMENT_ROOT'] . &quot;/updates/category_list_admin.php&quot;;?&gt;&lt;/div&gt;
&lt;/select&gt;

&lt;label class=&quot;uk-form-label&quot; for=&quot;form-stacked-text&quot;&gt;Сортировка&lt;/label&gt;
&lt;input type=&quot;number&quot; class=&quot;uk-input&quot; name=&quot;sort&quot; id=&quot;sort&quot; required&gt;

&lt;div class=&quot;uk-margin&quot;&gt;
&lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Добавить категорию&quot; id=&quot;submit&quot; class=&quot;uk-button uk-button-default&quot;&gt;

&lt;/div&gt;

В неё подгружаются опции из файла category_list_admin.php его содержимое:

            $sql = "SELECT * FROM category WHERE parrent=''";
            if($result = $conn->query($sql)){ 
                foreach($result as $row){ 
                $category = $row["name"]; 
                $category_id = $row["id"];
                echo "<option value=\"$category_id\">$category</option>";
            } 
            } else { echo "Ошибка: " . $conn->error;}

На странице с формой добавляю скрипт, чтобы после добавления новой категории без перезагрузки страницы в форме появлялись новые опции, но почему-то не работает. Опции в форме не обновляются.

<script>
$("#add_category").submit(function(updatelist){
    $.ajax({
      url: '/updates/category_list_admin.php',
      type: 'POST',
      contentType: false,
      cache: false,
      processData:false,
      success: function(html){  
        $("#addresult_category_list").html(html);
      }  
    });
});

Если я сделаю пустой див (вне формы)

<div id="addresult_category_list2"></div>

и направлю туда ответ аякса

   <script>
    $("#add_category").submit(function(updatelist){
        updatelist.preventDefault();
        $.ajax({
          url: '/updates/category_list_admin.php',
          type: 'POST',
          contentType: false,
          cache: false,
          processData:false,
          success: function(html){  
            $("#addresult_category_list2").html(html);
          }  
        });
    });
</script>

то после добавления новой категории, в новом диве корректно отобразится весь список категорий. Почему это не работает в форме с опциями я не понимаю.