title: Jquery check if control is empty and display != "none", Why does not work?
body: <p>The following if statement.</p>
  
  <pre><code>emptyFields = false;
     $(".ClassNanme").each(function() {
        if(($.trim($(this).val()) == "") &amp;amp;&amp;amp; ($(this).css('display') != 'none' ) {
          emptyFields = true;
      return false; // break out of the each-loop
        }
     });
  </code></pre>
  
  <p>But does not work, I don't know how to check if the css property display is set to none with jquery.</p>
  
  <p>This if statement should pick when one of the objects are either empty or its css property display its not set to none.</p>
  
  <p>Checking if the value is empty works, what I am stuck with is with checking if the object its hidden (or display:none).</p>
  
  <p>Thanks.</p>
  
  <p>Cesar.</p>