title: Using multiple window.matchMedia in script
body: <p>I'm trying to add </p>
  
  <pre><code>var mql = window.matchMedia("(max-width: 480px)"),  window.matchMedia("(max-height: 479px)");
  </code></pre>
  
  <p>into my existing script right now which only has </p>
  
  <pre><code>var mql = window.matchMedia("(max-width: 480px)"). 
  </code></pre>
  
  <p>When I add the second <code>.matchMedia</code> the script doesn't fire at all.</p>
  
  <p>Should I be adding multiple mqls?</p>
  
  <p>Here is the script working before adding <code>max-height</code>: </p>
  
  <blockquote>
    <p><a href="https://jsfiddle.net/w1xnsgcg/" rel="nofollow">JSFIDDLE</a></p>
  </blockquote>