Randomly Add a Class in For Loop
<p>On document ready, I am populating variables and using them to run a for-loop that creates a number of divs with a class of <code>box</code>. I would like to add a class of <code>possible</code> to those <code>box</code>
divs at random so that they are evenly distributed. For example, say there ends up being 100 divs with class <code>box</code>, I'd like a random number of those divs to also have a class of <code>possible</code>.</p>

<p>Any ideas as to how I can do this? I have included my current code below.</p>

<p>Thanks</p>

<pre><code>$(document).ready(function() {
    var wrapper = $('.wrapper');
    var wrapperWidth = wrapper.width();
    var wrapperHeight = wrapper.height();
    var wrapperArea = wrapperWidth * wrapperHeight;
    var boxWidthHeight = 30;
    var boxArea = boxWidthHeight * boxWidthHeight;
    var boxCount = wrapperArea / boxArea;
    alert(boxCount);
    for(var i = 0; i &lt; boxCount; i++) {
        $('.wrapper').append('&lt;div class="box"&gt;&lt;/div&gt;');
    }
});
</code></pre>
