jQueryが動かない時に確認する9項目

1）スクリプトエラー
2）処理のタイミングを確認
3）jQueryのバージョンチェック
4）ブラウザのバージョンチェック
5）コンフリクト
6）プラグイン利用時に動かない
7）セレクタの重複チェック
8）DOCTYPE宣言
9）ローカルでの検証

1）スクリプトエラー

jQueryが動かないほとんどの原因は、記述ミスによるスクリプトエラーだと思います。
ブラウザ標準、またはプラグインで使えるコンソール機能を利用してエラー原因をチェックしましょう

○Chromeの場合
F12でデベロッパーツールを起動しConsolタブをクリック
または、「設定」>「ツール」>「デベロッパーツール」
○IEの場合
F12で開発者ツールを起動しコンソールタブをクリック
○FireFoxの場合
プラグインでFireBugをインストール後・・・
F12でFireBugを起動しコンソールタブをクリック
または、「開発」
○Safariの場合
Ctrl＋Alt＋Cでエラーコンソールを起動
または、「開発」>「Webインスペクタを表示」
※上記はブラウザのバージョンやOSによって異なります。また、ブラウザ標準ツール以外にもFireBugのようにプラグインとして提供されている機能も複数あります。

2）処理のタイミングを確認

イベントで追加された要素やAjaxローディングを使って読み込んだDOM要素に対して処理を実行する場合、意図した通りに動かない場合があります。
例えば、次のような「ボタンをクリックしてdiv要素を追加する」という記述（scriptの2〜4行目）をした場合、最初からあるdiv要素に対しては、
「div要素をクリックしたら背景色をredにする」と言った処理（scriptの5〜7行目）は有効ですが、ボタンクリックで追加された要素に対しては反映しません。

html

<input type="button" id="btn" value="div要素の追加" />
<div>テスト</div>
<div>テスト</div>

javascript

$(function() {
    $("#btn").click(function() {
        $(this).after('<div>テスト</div>');
    });
    $("div").click(function() {
        $(this).css('background', 'red');
    });
});

後から追加された要素に対してもイベントを設定する場合にはon()を使うのが有効です。
※jQueryのバージョンが1.6以下の場合はlive()等を使ってください。

$(function() {
    $("#btn").click(function() {
        $(this).after('<div>テスト</div>');
    });
    $(document).on('click', 'div', function() {
        $(this).css('background', 'red');
    });
});