javascript - Jquery - タッチ スワイプを使用してラジオ ボタンを確認する

Question

そのため、次のスライドをトリガーするためのラジオ ボタンを使用して CSS3 スライドをセットアップしました。タブレットや電話用にタッチ/スワイプを追加できるようにしたい (つまり、左にスワイプすると次のラジオがチェックされる)。

私が使用しようとしているjQuery：

$(document).ready(function() {
    $("#cover").swipeleft(function(event){
            $('input:radio[class=slide_2]').attr("checked", true);
    });
    $("#cover2").swiperight(function(event){
        $('input:radio[class=slide_1]').attr("checked", true);
    });
    $("#cover2").swipeleft(function(event){
        $('input:radio[class=slide_3]').attr("checked", true);
    });
    $("#ingredients").swiperight(function(event){
        $('input:radio[class=slide_2]').attr("checked", true);
    });
    $("#ingredients").swipeleft(function(event){
        $('input:radio[class=slide_4]').attr("checked", true);
    });
    $("#directions").swiperight(function(event){
        $('input:radio[class=slide_3]').attr("checked", true);
    });
});

http://jsfiddle.net/hakarune/ZsrdP/1/ セットアップ全体と私の jQuery を以下に示しますが、まったく機能しません。誰でもそれを修正する方法を知っていますか?