jQuery drag an element when mousedown event on its child element

[Zach1]

I am kinda new in jquery and im facing a problem to drag an element if i click on its child element.\[code\]HTML<div class="floatingPanel"> <div class="dragger"> Drag from here </div></div>JQUERY $(document).ready(function () { $('.dragger').mousedown(function () { $('.floatingPanel').draggable({ opacity: 0.35 }); }).mouseup(function () { alert("mouse up"); });});\[/code\]If i click on '.floatingPanel' area, It's still dragging. Where do I do wrong here?the example is here: http://jsfiddle.net/6g6Xr/23/OK, Its solved, thanks to Polmonite for http://jsfiddle.net/6g6Xr/28/