ウインドウサイズによるJqueryの有効化

お世話になっております。

現在レスポンシブサイトの制作をしているのですが、画像のonoutが切り替わるjqueryを
960px以上の際のみ有効になるように記述したのですが効きません。

$(function(){
  if($(window).width() > 960) {
    $("img,input[type='image']").hover(
      function(){
        if ($(this).attr("src")){
          $(this).attr("src",$(this).attr("src").replace("_out.", "_on."));
        }
      },
      function(){
        if ($(this).attr("src") && !$(this).hasClass("current") ){
          $(this).attr("src",$(this).attr("src").replace("_on.", "_out."));
        }
      }
    );
  }
});

if($(window).width() > 960)という記述自体は他のJqueryには効きますし、
if($(window).width() > 960)を外せば、画像のon outの記述も普通に効きます。

この二つが合わさったら何か問題があるのでしょうか？
当方Javascriptは全くの素人です。

何卒ご教授の方よろしくお願いいたします。