title: OR selectors does not work correctly in jquery
body: <p>I want to use OR for selectors in jquery.</p>
  
  <p>I write this code:</p>
  
  <pre><code>$("#x").css('display') == 'none' || $("#y").css('display') == 'none'
  </code></pre>
  
  <p>But refer this answer: <a href="https://stackoverflow.com/a/2263976/1407491">https://stackoverflow.com/a/2263976/1407491</a></p>
  
  <p>I rewrite that code be like this:</p>
  
  <pre><code>$("#x, #y").css('display') == 'none'
  </code></pre>
  
  <p>This code work fine about this sample code:</p>
  
  <pre><code>&lt;div id="x"&gt;&lt;/div&gt;
  &lt;div id="y"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>return false and it's <strong>OK</strong>.</p>
  
  <pre><code>&lt;div id="x" style="display:none"&gt;&lt;/div&gt;
  &lt;div id="y" style="display:none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>return true and it's <strong>OK</strong>.</p>
  
  <pre><code>&lt;div id="x" style="display:none"&gt;&lt;/div&gt;
  &lt;div id="y"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>return true and it's <strong>OK</strong>.</p>
  
  <p>But don't work about this sample:</p>
  
  <pre><code>&lt;div id="x"&gt;&lt;/div&gt;
  &lt;div id="y" style="display:none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>return false but it is <strong>NOT OK</strong>!</p>
  
  <p>Sample code here: <a href="http://jsfiddle.net/NabiKAZ/qpquuhxd/" rel="nofollow noreferrer">http://jsfiddle.net/NabiKAZ/qpquuhxd/</a></p>
  
  <p>Why is it? and What's clean code?</p>