Stop double click event on element with single click event
<p>I have a JSFiddle here which lays out my problem: <a href="http://jsfiddle.net/Paddy/86YSN/7/" rel="nofollow">http://jsfiddle.net/Paddy/86YSN/7/</a>.
It's a very simple marquee- the little white boxes simply move to the next/previous slide when clicked.</p>

<p>If you double click one, things go wrong, and a slide gets stuck out of position. I've been trying to find out how to simply disable the double click event for those elements for hours- I've tried this method:</p>

<pre><code>$('#arrow_left').bind('dblclick',function(e){
    e.preventDefault();
});
</code></pre>

<p>but no luck. Can anyone help?</p>

<p>(Many thanks).</p>
