setInterval not working jquery
<p>When i click and hold <code>down</code> the value should continually decrease until i <code>mouseup</code> or <code>mouseleave</code>.  Instead i have to keep on clicking down.  Here is is the jsfiddle  <a href="http://jsfiddle.net/mdanz/5mdwe/8/" rel="nofollow">http://jsfiddle.net/mdanz/5mdwe/8/</a></p>

<pre><code>$('#bid-down').live('mousedown',function() {

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


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

var on = button.attr('data-on');

if(newnumber[0]==2 &amp;&amp; newnumber[1]==5) {
    alert('Minimum Bid($2.50)');
    }

if(on==1) {
    if(newnumber[0]&gt;2) {
        if(newnumber[1]==0) {
        var first = parseInt(newnumber[0])-1;    
        var second = 9;    
        }
    }

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

    if(newnumber[1]&gt;0) {
    var first = newnumber[0];    
    var second = parseInt(newnumber[1])-1;    
    }

    if(first==2 &amp;&amp; second==5) {
    button.attr('data-on','0');
    }

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

}

}, 100));


}).bind('mouseup mouseleave', function() {

clearInterval($(this).data('interval2'));
});
</code></pre>
