Адаптивный переброс HTML-элемента из одного контейнера в другой

Адаптивный переброс HTML-элемента из одного контейнера в другой

jQuery(function($) {

  var element = $('span#element_id'),
  target = $('div#target_id'),
  source = $('div#source_id'),
  breakpoint = 768;

  function moveElement() {
    // var element_clone = element.clone(true);
    if (($(window).width() >= breakpoint)) {
      // Screen out of limits
      if (element.parent() !== target) {
        element.detach().appendTo(target);
      }
    } else {
      // Screen within limits
      if (element.parent() !== source) {
        element.detach().appendTo(source);
      }
    }
  };

  // Run on load & resize
  $(window).resize(moveElement);
  // Initial call to check element location on load
  moveElement();
});