jquery 数字加减效果 总共555 没有反应？

标题文字

<input class="num-reduce" type="button" value="－" />
<input class="text-box" type="text" value="1" />
<input class="num-add" type="button" value="＋" />
<div class="i-num ">总共<em>555</em></div>

        var t = $(".text-box")
    var s = $(".i-num em")
    $(".num-reduce").attr('disabled',true);
        $(".num-add").click(function(){
            t.val(parseInt(t.val()) + 1)
            s.val(parseInt(s.val()) - 1)
            if (parseInt(t.val()) != 1){
                $(".num-reduce").attr('disabled',false);
            }
        });
        $(".num-reduce").click(function(){
            t.val(parseInt(t.val()) - 1);
            s.val(parseInt(s.val()) + 1)
            if (parseInt(t.val()) == 1){
                $(".num-reduce").attr('disabled',true);
            }
        });

---

.text()用来读取或修改元素的纯文本内容
.val()用来读取或修改表单元素的value值

---

 s.val(parseInt(s.val()) - 1)

==》

s.text(parseInt(s.text()) - 1);

---

$(function(){

    ///blablalbla...

})