关于iCheck 单选框的事件绑定

iCheck是一款基于JQUERY & ZEPTO的美化单选框和复选框的插件，效果还是不错的。
可以参考官网：http://www.bootcss.com/p/icheck/
下载插件的网站：https://github.com/fronteed/iCheck
用的时候引入对应的css js 然后设置几个参数 很方便。
但是在实践操作的时候，遇到了一个小问题。

想实现的效果：选中对应的单选框之后，右侧的进度条跟着有所变化。
基本原理则是 选中单选框后 触发进度条改变的事件

$(document).ready(function () {    var i = 0;    var count = 0;    var total = $("#total").html();    $(".tiao").css("width", i + "%").html(count + "/" + total);    $("input").click(function () {        var index = $(this).prev();        if ($("input[name=" + index[0].name + "]").is(":checked")) {            if (i < 100) {                count++;                i = (count / total) * 100;                $(".tiao").css("width", i + "%").html(count + "/" + total);                if (count == total) {                    $(".ok").css("display", "block");                }            } else {                i = 100;            }        }    })});

可是在浏览器中 毫无效果！ 而且也不报错！
试过了各种选择器 还是无效果！

然后我在浏览器F12中发现了一个神奇的事情~

应该是iCheck插件的原因 在这里 这个单选框标签不是input了 而是iCheck自定义的ins标签

发现了这个就可以自由自在的绑定事件了！~~

事实证明 F12大法好~

以上仅是个人尝试 若有问题 欢迎指出~~