title: If statement with two jQuery selectors
body: <p>I'm trying to get an alert to appear if two conditions are met:</p>
  
  <ul>
  <li>The value of the <code>display</code> property on the <code>#playerbox</code> element is <code>block</code>, AND</li>
  <li>The value of the <code>display</code> property on the <code>#playerinfo</code> element is <code>none</code></li>
  </ul>
  
  <p>I have this:</p>
  
  <pre><code>if ($("#playerbox").css("display") == "block" &amp;&amp; $("#playerinfo").css("display") == "none"){
      alert("test");
  }
  </code></pre>
  
  <p>But the alert never appears. However, testing just one element will work:</p>
  
  <pre><code>if ($("#playerbox").css("display") == "block"){
      alert("test");
  }
  </code></pre>
  
  <p>So I'm assuming I'm not chaining the two selectors together correctly in the <code>if</code> statement. What am I doing wrong?</p>
  
  <hr>
  
  <p>UPDATE: I should have specified that <code>#playerinfo</code> is <em>inside</em> <code>#playerbox</code>. Does that change anything?</p>