random width per each post with jQuery

HTML

<div class="post">post 001</div>
<div class="post">post 002</div>
<div class="post">post 003</div>
<div class="post">post 004</div>
<div class="post">post 005</div>
<div class="post">post 006</div>
<div class="post">post 007</div>
<div class="post">post 008</div>
<div class="post">post 009</div>
<div class="post">post 010</div>

CSS

/* demo only customizations */
.post {
    background: green;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-size:16px/20;
}

JavaScript

$(function() {
    $.each($('.post'), function(i, post) {
        var max = 200,
            min = 100,
            rand = (Math.floor(Math.random() * max) + min);
        
        $(post).css('width', rand);
    });
});