Newb question - how to stop event bubbling from ui draggable

Newb question - how to stop event bubbling from ui draggable


Hi, I hope someone can help me with this very basic issue. I'm trying
to let the user grab a draggable and move it within a containment div
without firing the click() event of the containment div when the
draggable is released. i.e., how do I stop the click from propagating
outside the draggable? If it is just stopPropagation, apologies for
being slow but I can't figure out how/where I'd need to use that.
Here's the relevant code:
$(".container").click(function() { alert('clicked in the container
div'); } );
$(".mydraggable").draggable( { containment: ".container"} );
#####
<div class="container">
<div class="mydraggable">Draggable text</div>
</div>
#####