jQuery, check on empty input box
<p>A very simple question:</p>

<p>If I do: <code>$(":input").css("background-color","#ffffff")</code>, the result is that all input fields get a white background.</p>

<p>Logic would say that <code>$(":input[value=]").css("background-color","#000000")</code>, would make the background colour black of input fields without a value, but that doesn't work (latest jQuery version). I've tried <code>[value='']</code> as well, but to no avail.</p>

<p>I can't believe .each to be the only solution. It has got to be simpler.</p>

<p>EDIT: The code is like this:</p>

<pre><code>&lt;form id="frm_Auth" action="javascript:;"&gt; 
   User name: &lt;input type="text" size="10" id="frm_Auth_Username"  value="" /&gt;
   Password: &lt;input type="password" size="10" id="frm_Auth_Password" value="" /&gt; 
&lt;/form&gt; 
</code></pre>

<p>jQuery: </p>

<pre><code>$("#frm_Auth").on("submit", function() 
 { 
   $(":input").css("background-color","#ffffff"); $(":input[value=]").css("background- color","#FFCECE"); 
});
</code></pre>
