title: Add a CSS stylesheet only for iOS devices
body: <h2>How can I add a stylesheet dedicated only for iOS mobile devices?</h2>
  
  <p>I want to run a website which contains flash. Obviously flash elements won't work on iPhone, iPod and iPad. Due to this fact I would like to create a CSS file ONLY for these devices. I am mostly worried about iPad, as i can use <code>@media screen</code> size properties for other two.</p>
  
  <p>What I have so far is this:</p>
  
  <pre><code>var IS_IPAD = navigator.userAgent.match(/iPad/i)  != null;
  
  if(IS_IPAD)    ({
        url: href,
        dataType: 'css',
        success: function(){                  
              $('&lt;link rel="stylesheet" type="text/css" href="'+css/ipad.css+'" /&gt;').appendTo("head");
          }
  });
  </code></pre>
  
  <p>What is not working here?</p>