title: jQuery .ready/resize does not work on iPad
body: <p>Why don't the ready/resize events work on the iPad? They work on the computer but not on the iPad. Does someone knows what I did wrong?</p>
  
  <pre><code>jQuery(document).on('ready', function() {
      jQuery(window).on('resize', function() {
          /* Tablet Portrait size to standard 960 (devices and browsers) */
          if (jQuery(window).width() &lt; 960 &amp;&amp; jQuery(window).width() &gt; 768) {
             //change the attributes from the div #home_content (first parameter: the attribute, what it needs to be)
             jQuery('#home_content').attr('class','sixteen columns');
             jQuery('#slider').attr('class','sixteen columns');
          }
          else{
              jQuery('#home_content').attr('class','nine columns');
              jQuery('#slider').attr('class','nine columns');
          }
  
          /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
          if(jQuery(window).width() &lt; 767 &amp;&amp; jQuery(window).width() &gt; 480) {
              //code
          }
          else{
  
          }
  
          /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
          if(jQuery(window).width() &lt; 479) {
              //code
          }   
          else{
  
          }
      }).trigger('resize'); // Trigger resize handlers.       
  });//ready
  </code></pre>