jquery - jsfiddle では動作しますが、私の Web サイトでは動作しません

Question

この問題は紛らわしいです。jsfiddle ではhttp://jsfiddle.net/mdanz/aXjH5/16/で動作します。

押す#bid-upと数値が上昇し、マウスアップ/マウスリーブで停止します。私のウェブサイトでは、mouseup/mouseleave が機能しません。firebug にエラーはありません。.live()また、から削除してボタンを押す#bid-upだけでは機能しません。何が間違っているかについてのアイデアはありますか? 問題は関連している可能性がありますか? まだ開発中のため、ウェブサイトへのリンクを投稿できません。$('#bid-up').mousedown(function() {#bid-up

HTML:

<div id='bid-child-container-2'><input type='text' style='color:#707070;font-size:26px;margin-right:5px;text-align:center;width:100px;font-family:arial;' id='bid-price' readonly value='5.1' />
</div>
<div id='bid-child-container-3'>
<div id='bid-up' style='color:#707070;font-size:14px;font-family:arial; cursor:pointer; margin-top:20px; border:1px solid #707070; width:100px; text-align:center;' data-on='1'>up</div>

</div>​

JavaScript:

$('#bid-up').live('mousedown', function() {

    var button = $(this);

    button.data('interval', setInterval(function() {

        var number = button.parent('div').siblings('#bid-child-container-2').find('#bid-price').val();
        var newnumber = number.split('.');
        var on = button.attr('data-on');

        button.siblings('#bid-down').attr('data-on', '1');

        if (newnumber[1] < 9) {
            var first = newnumber[0];
            var second = parseInt(newnumber[1]) + 1;
        }

        if (newnumber[1] == 9) {
            var first = parseInt(newnumber[0]) + 1;
            var second = 0;
        }

        var finalnumber = first + '.' + second;
        button.parent('div').siblings('#bid-child-container-2').find('#bid-price').val(finalnumber);


    }, 200));


}).bind('mouseup mouseleave', function() {
    clearInterval($(this).data('interval'));
});​