Draggable: click event shouldn't fire after dragging

"Click" event shouldn't fire when item is released after being dragged. Sample code:

<script src="jquery.js"></script>
<script src="jquery.dimensions.js"></script>
<script src="ui.mouse.js"></script>
<script src="ui.draggable.js"></script>
<script>
  $(document).ready(function() {
    $("#test").draggable()
              .click(function() { alert('click'); });
  });
</script>

<style>
  #test {
     width: 100px;
     height: 100px;
     background: lightblue;
   }
</style>

<div id="test"></div>