title: Check if all dropdowns are empty or not jQuery
body: <p>I have three <code>select</code> elements:</p>
  
  <pre><code>            &lt;select id="first"&gt;
                  &lt;option&gt;&lt;/option&gt;
                  &lt;option value="a"&gt;a&lt;/option&gt;
                  &lt;option value="b"&gt;b&lt;/option&gt;
                  &lt;option value="c"&gt;c&lt;/option&gt;
              &lt;/select&gt;
              &lt;select id="second"&gt;
                  &lt;option&gt;&lt;/option&gt;
                  &lt;option value="d"&gt;d&lt;/option&gt;
                  &lt;option value="e"&gt;e&lt;/option&gt;
                  &lt;option value="f"&gt;f&lt;/option&gt;
              &lt;/select&gt;
              &lt;select id="three"&gt;
                  &lt;option&gt;&lt;/option&gt;
                  &lt;option value="g"&gt;g&lt;/option&gt;
                  &lt;option value="h"&gt;h&lt;/option&gt;
                  &lt;option value="i"&gt;&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p>All three of them must either be empty (first option), or have a value.</p>
  
  <p>So <code>&lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt;</code> is ok</p>
  
  <p>but not <code>&lt;option value="a"&gt;a&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt;</code> kinda thing.</p>
  
  <p>I've tried this, but it isn't working as it doesn't allow all three to be empty and quits on the first case</p>
  
  <pre><code>if($("#first").val() === "" || $("#second").val() === "" || $("#third").val() === ""){
      return false;
  }
  </code></pre>
  
  <p>Any help? I would like to do this as short/nice looking as possible</p>