jQuery-画面サイズによってグリッドの列数を変える

レスポンシブデザインで、グリッドレイアウトを使う際、画面サイズによってグリッドの並び列数を変えたい時に使います。
例えば画面サイズ横幅940px以上なら5列、それ以下~640pxなら4列等。
前提は

がいっぱい並んでて、親要素のwidth内できっちり何列かにしたい場合。
1列目に.clearというクラスを振り、中身はmargin:0;clear:left;。
その他はmargin-left:いくつか;float:left;になっている前提です。

画面サイズによってグリッドの列数が変わります。
適切なCSSコーディングが事前に必要ですが…。