Change place of divs in dom based on width of device

Change place of divs in dom based on width of device

  // Change place of divs in dom based on width of device ================================
  $(window).resize(function(){
    resize();
  });

  $(document).ready(function(){
      resize();
  });

  function resize(){
      if($(window).width() < 767)
      {
          //Mobile
          $(".sidebar").insertAfter(".section.product_section");
      }
      else
      {
          //Desktop
          //Leave original layout
        $(".sidebar").insertBefore(".content .twelve.columns");
      }
  };