JQuery disable a function when mobile view; and or when screen width is equal or less than 769px
<p>I have hover state on my JQuery which is
this:</p>

<pre><code>$('.navigation a').hover(
        function () {
            $(this).next('span').show();
        },
        function () {
            $(this).next('span').hide();
        }
    );
</code></pre>

<p>Now I want that hover state to disable whenever the user's screen resolution is 769px or lower.</p>
