Скрыть div, если экран меньше определенной ширины

Я хочу скрыть плавающий div, если экран пользователя <1024 пикселей, так как он будет перекрывать область содержимого моего блога. Я нашел этот jQuery в сети, но не знаю, как его использовать.

$(document).ready(function() {

if ((screen.width>1024)) {
    // if screen size is 1025px wide or larger
    $(".yourClass").css('display', 'none'); // you can also use $(".yourClass").hide();
}
elseif ((screen.width<=1024))  {
    // if screen size width is less than 1024px
    $(".yourClass").css('display', 'block'); // here you can also use show();
}
});

Если имя моего плавающего класса div - sharecontent, следует ли заменить приведенный выше сценарий, как показано ниже? Если да, это не работает.

$(document).ready(function() {

if ((screen.width>1024)) {
    // if screen size is 1025px wide or larger
    $(".sharecontent").css('display', 'none'); // you can also use $(".yourClass").hide();
}
elseif ((screen.width<=1024))  {
    // if screen size width is less than 1024px
    $(".sharecontent").css('display', 'block'); // here you can also use show();
}
});

Я также попытался заменить screen.width на window.width, но все равно безуспешно: (