title: select all elements in the form except parent div contains display:none
body: <p>I'm trying to select elements in form except parent div contains display:none</p>
  
  <pre><code>$('*[data-val-required="required"]') 
  </code></pre>
  
  <p>here i am able select all elements along with hidden elements in parent div like</p>
  
  <pre><code>&lt;div class="form-group" style=" display: none; " &gt;
  &lt;div  class="col-sm-3 control-label"&gt;
      lable
  &lt;/div&gt;
  &lt;div class="col-sm-6"&gt;
  &lt;select class="form-control"  data-val-required="This field is required" &gt;
  &lt;/div&gt;
  &lt;div class="col-sm-3"&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>how exclude these elements</p>