title: Prevent click event after drag in jQuery
body: <p>I have a draggable <code>&lt;div&gt;</code> with a <code>click</code> event and without any event for drag,
  but after I drag <code>&lt;div&gt;</code> the click event is apply to <code>&lt;div&gt;</code>.</p>
  <p>How can prevent of click event after drag?</p>
  <pre><code>$(function(){
      $('div').bind('click', function(){
          $(this).toggleClass('orange');
      });
  
      $('div').draggable();
  });
  </code></pre>
  <p><a href="http://jsfiddle.net/prince4prodigy/aG72R/" rel="noreferrer">http://jsfiddle.net/prince4prodigy/aG72R/</a></p>