title: jQuery :empty not working with input
body: <p>I am having a problem in using jQuery's :empty pseudo selector. Basically, it isn't working on inputs the way I think it should. Given this html, I'm trying to get a count of all the inputs which don't have values without a loop.</p>
  
  <pre><code>&lt;div id="sampleDiv"&gt;
  &lt;label&gt;My first Input:&lt;/label&gt;
  &lt;input name="test" id="firstInput" type="text" value="default text" /&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;label&gt;My second Input:&lt;/label&gt;
  &lt;input name="test" id="secondInput" type="text" value="" /&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;label&gt;My third Input:&lt;/label&gt;
  &lt;input name="test" id="thirdInput" type="text" value="" /&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>I'm using a selector like this</p>
  
  <pre><code>$('#sampleDiv input:empty').length
  </code></pre>
  
  <p>but it's returning 3, including the one with the value. Here is the fiddle and thanks for any help here!:
  <a href="https://jsfiddle.net/chas688/b5fad3Lu/" rel="nofollow">https://jsfiddle.net/chas688/b5fad3Lu/</a></p>