[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
> id属性で要素を指定できるのであれば、要素名はいらないかな (そのほうがtextareaじゃない要素に変えたときに変更しなくてよいので楽です)

細かく指定したほうが意図しない箇所に影響が出ないかなと思ったのですが、たしかに更新する手間を考えていなかったです。
見た目もスッキリするので、そのように修正してみます！

> jQuery 1.7以降で、イベントリスナーを登録する各種メソッド(bind, live, delegate)が onメソッドに統合されたので、bindではなくonを使ったほうがいいと思います

調べてみたところ、現在はonメソッドの利用が推奨されているんですね。
3つのメソッドの使い分けについても調べてみようと思います。ありがとうございます！