[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
絶対こうして！っていうわけではないのだけど、jQueryオブジェクトであることがわかるように変数名の頭に`$`をつけるのはどうかな、と思いました。

理由は以下の2つです。

- DOMで取得した要素のオブジェクトと区別するため
- jQueryのAPI (`addClass`とか`html`) が使えることがわかる