title: Hover statement if width is > than
body: <p>I'm changing the background of a parent div when hovering over a child element. This should work only for screen sizes of 720px and greater, so I'm using this:</p>
  
  <pre><code>if ($(window).width() &gt; 720) {
      $('div a').hover(
          function () {
              $('div').css("background-image", 'url(image-hover.png)');
          },
          function () {
              $('div').css("background-image", 'url(image.png)');
          });
      }
  </code></pre>
  
  <p>But the background still changes on smaller screens. What am I missing?</p>