JQuery для перемещения поля над таблицей - изменения во время обновления страницы

У меня есть приведенный ниже код jquery для перемещения поля множественного выбора и кнопки над таблицей.

jQuery (документ) .ready (функция ($) {
  $('#views-form-resources-block-1 .form-item-ka-types').insertBefore($('#views-form-myblock-block-1 table'));
  $('#views-form-resources-block-1 #edit-actions--2').insertAfter($('#views-form-myblock-block-1 .form-item-ka-types'));
});

В этом коде я перемещаю поле ka-types над представлением myblock. Графическое представление, как показано ниже:

Этот код отлично работает, когда я сначала загружаю страницу. Но когда я обновляю страницу, мультиселект падает и показывает испорченные. снова, когда я обновляю страницу, она работает нормально. не уверен, в чем проблема. Любая помощь о том, как это можно исправить?

Ниже приведено мое решение для этого:

(функция($, Друпал) {
  Drupal.behaviors.searchResults = {
    прикрепить: функция () {
      $('#views-form-resources-block-1 .form-item-ka-types')
        .insertBefore($('#views-form-myblock-block-1 table'));
      $('#views-form-resources-block-1 #edit-actions--2')
        .insertAfter($('#views-form-myblock-block-1 .form-item-ka-types'));
    }
  };
}(jQuery, Друпал));

@Кевин прав. Когда форма перестраивается, изменения DOM теряются. Лучшее понимание поведения Drupal ссылка имеет отличное объяснение и примеры поведения Drupal.