dblclick not working as expected
<p>II have some code here <a href="http://jsfiddle.net/ggHwH/" rel="nofollow">http://jsfiddle.net/ggHwH/</a> that increases a box border by 1px each time an UP button is pressed and decreases the border by 1px each time a DOWN button is pressed.  Now I'd like to sense a double-click on the down button and have that reduce the border immediately to 0. The problem I'm havng  is that if you try to down click the border one px at a time, you can't help but trigger the double-click, even if you click the down button no faster than about once per second. It seems that I should have to do both clicks in less than about 250ms to trigger the double-click.  Does anyone know what's going on?</p>

<p>Thanks.</p>

<pre><code>   $('#up').click ( function() {
        $('#box').css({'border-top-width' : '+=1px', 'borderRightWidth' :    '+=1px','borderBottomWidth' : '+=1px','borderLeftWidth' : '+=1px'});
    });

$('#down').click ( function() {
    $('#box').css({'border-top-width' : '-=1px', 'borderRightWidth' : '-=1px','borderBottomWidth' : '-=1px','borderLeftWidth' : '-=1px'});
});

$('#down').dblclick ( function() {
    $('#box').css({'border-top-width' : '0px', 'borderRightWidth' : '0px','borderBottomWidth' : '0px','borderLeftWidth' : '0px'});
});
</code></pre>
