title: jQuery - If ANY Select within a div has a value
body: <p>Been having lot's of trouble with this one.  Let's say I had the following html:</p>
  
  <pre><code>&lt;div id='step_1'&gt;
  
    &lt;select name='select_1' id='choose'&gt;
      &lt;option value='select one'&gt;Select One&lt;/option&gt;
      &lt;option value='yes'&gt;Yes&lt;/option&gt;
      &lt;option value='no'&gt;No&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;select name='select_2' id='choose_again'&gt;
      &lt;option value='select one'&gt;Select One&lt;/option&gt;
      &lt;option value='yes'&gt;Yes&lt;/option&gt;
      &lt;option value='no'&gt;No&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;button id='submit'&gt;button&lt;/button&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I have many of these, so what I'm trying to do is return false if ANY 'select' has the value of 'Select One' then alert them. The jQuery i have so far looks as so:</p>
  
  <pre><code>$('#submit').click(function() {
  if ($('#step_1 select[value="select one"]').length() == 0) {
      //succeed
  } else {
      alert('Please select yes or no!');
      return false;
  }
  
  });
  </code></pre>
  
  <p>What am I doing wrong? Thanks in advance, I love this website! :)</p>