Question

I want to change my text by the current browser width size without having to use refresh like mediaqueries.

I have this code,
It doesnt work, what am i doing wrong?

 function checkSize() {
   //small-screen
    if (window.innerWidth < 1200) {
       $("#hello-world").html("Hello World");
    }
    //end small-screen
   }

  checkSize();

$(window).resize(function() {
 checkSize();
 });

Answer 1

Suggestion

Enclose the code inside $(document).ready(); this way:

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

Demo: http://jsfiddle.net/rXERS/