[Exercises 10.5.7] JavaScript を追加して、Homeページのマイクロポストフォームの右下に現在入力されている文字数がカウントダウンで表示されるようにする

### Exercises 10.5.7

@tacahilo @kitak @gs3 @keokent

JavaScript を追加し、Homeページのマイクロポストフォームの側に現在入力されている文字数がカウントダウンで表示されるようにしました。
今回jQueryを利用したカウントダウンのサンプルコードを参考にしたのですが、CoffeeScript に書き換えてから、Assets Pipelineを利用するためにassetsのディレクトリに追加しています。

この機能を追加するメリットとして、マイクロポストを投稿するときに現在の文字数が可視化されるので、ユーザーにとってストレスなエラーメッセージの回数を減らせることが挙げられます。

レビューのほどよろしくお願いします！

### 行ったこと
- [x] `_micropost_form.html.erb`に、カウントダウンを表示するためのspanタグを追加する
- [x] `static_pages.js.coffee`に、カウントダウンのCoffeeScript を追加する
- [x] CSSでカウントダウンをフォームの右下に表示させるよう調整する

※ ee514ef は[Exercises 10.5.6]、 ccec5e9 は[Exercises 10.5.2]をマージした時の差分です。

### 表示
#### 初期値は140文字
![_2014-10-06_14_51_47](https://cloud.githubusercontent.com/assets/1731974/4521952/f84359ea-4d1f-11e4-9776-75887c297d12.png)

#### -1文字以下になると赤太文字
![2014-10-06 14 52 07](https://cloud.githubusercontent.com/assets/1731974/4521955/fc9b7c20-4d1f-11e4-9c39-069c337b18a3.png)

演習URL：https://www.railstutorial.org/book/user_microposts#sec-micropost_exercises
!!! 結構面倒な話なのでそのうち読み返してみよう !!!

`$(window).load()`は文書ロード終了時に発生する。これは文書に付随するリソース（画像など）が読み込まれたあとで呼び出される。
https://developer.mozilla.org/ja/docs/Web/API/window.onload
上記にも書いてあるとおり、`DOMContentLoaded`というDOMの構築が終了した時点で呼び出されるイベントがあって、これは`window.onload`より早かったりします。
で、この`DOMContentLoaded`ですが、`$(function)`に割り当てられてたりします。
https://github.com/jquery/jquery/blob/15a609f7663c4348ab7f1acbc9e566ec20bb717c/src/core/init.js#L101
今回の件は外部リソースの読み込みに依存していないっぽいので、`$(window).load()`ではなくベタに書いてしまっても大丈夫なのでは？