Jquery resize dynamic update?

Question

I'm trying to get my window resize to work but I have to update the page every time to get it to work. Is there any way that this can update dynamic??

$(document).ready(function() {
  var $window = $(window);

  function checkWidth() {
    var window_size = $window.width();
    if(window_size> 1820){
      $('.22').addClass('size33');
      $('.22').removeClass('size22');
    } else {
      $('.22').removeClass('size33');
      $('.22').addClass('size22');
    }
  }

  // Execute on load
  checkWidth();

  // Bind event listener
  $(window).resize(checkWidth);
});

Answer 1

var div = document.body.selectElementbyId("div id")
window.addEventListener('resize', function() {
        var window_size = $window.width();

        if(window_size> 1820){
           $('.22').addClass('size33');
           $('.22').removeClass('size22');
        } else {
           $('.22').removeClass('size33');
           $('.22').addClass('size22');
        }
        document.getElementbyId("div id").style.width = window_size;
    }
}, true);