title: I need an easy way to detect CSS3 media query support using jquery
body: <p>I need a quick and dirty way to detect media query support using jquery. I defined a function as follows:</p>
  
  <pre><code>function mediaQueriesEnabled () {
     var v = parseFloat($.browser.version);
     if ($.browser.msie) {
        if (v &lt; 9)
           return (false);
     }
     return (true);
  }
  </code></pre>
  
  <p>Can someone help me fix this up a bit? Looking at this page:</p>
  
  <p><a href="http://caniuse.com/css-mediaqueries" rel="noreferrer">http://caniuse.com/css-mediaqueries</a></p>
  
  <p>I realized that there are some complexities here. For example, when I test my version of safari, I get "534.57.2". I want to avoid installing modernizr for now, mainly because I'm in a crunch and I need to handle most situations in the short term. Any help is appreciated!</p>