jquery divs in an array to display
<p>I have an array of <code>DIV</code> ids as following and in <code>CSS</code> they all below to a class with <code>display:none</code>.</p>

<pre><code>var paintDivs = ["div_2ndSubCategoryID","div_3rdSubCategoryID","div_4thSubCategoryID","div_ColorNameID","div_ColorNoID","div_PaintSizeID"];
</code></pre>

<p>Long story short, what I now want is to display all <code>DIV</code>s in <code>paintDivs</code>.</p>

<p>Below is what I have.
Loop iteration is working fine, however the individual <code>DIV</code>s in <code>paintDivs</code> are still not displaying.</p>

<pre><code>jQuery.each(paintDivs, function(idx, valIs){
  $('#' + valIs).css('display');
});
</code></pre>

<p>I even tried by creating another class in CSS called, <code>showThis</code> and set <code>display:block</code> and tried to below, still didn't do the trick.</p>

<pre><code>jQuery.each(paintDivs, function(idx, valIs){
  $('#' + valIs).attr('class','showThis');
});
</code></pre>

<p>What am I doing wrong? Any insight would be greatly appreciated.</p>
