title: How to remove Hover Effect from DIV when mobile device is detected using javascript
body: <p>I have using <strong>redirection-mobile.js</strong> for detecting the mobile device.
  The code for the same is as follows:</p>
  
  <pre><code> if (screen.width &lt; 574) {
         var ref = document.referrer;
         var urls = new Array("http://127.0.0.1/eflip","http://127.0.0.1/eflip");
         var n = ref.match(urls[0]);
         var m = ref.match(urls[1]);
         if ((m!==null) || (n!==null)) {
         stop;
         }
         else if (ref=='') {
         var r = confirm("Small Display is Detected.\nClick \"OK\" for MOBILE SITE.");
         if (r==true) {
  
         }
          else {
          stop ;
         }
         }
         else
         {
         window.location = "http://127.0.0.1/eflip";
         }
        }
  </code></pre>
  
  <p><code>if (r==true)</code> is the condition to detect the mobile device. Now I want to remove all the hover effects. I have tried <code>$('element').removeClass()</code>, but its not working. </p>
  
  <p>Every Help and Comment will be highly appreciated. Thanks to all in advance :-)</p>