Clicking on Child shouldn't trigger parent

[questionable]

Hello All,

Alright this problem has me a little confused. I have the following code and can't seem to get it to work:

<style>
	#mainwindow
	{
		position: absolute;
		height: 100%;		
		border: thin red solid;
	}
	
	.divs
	{
		border: thin blue solid;
	}
</style>
<script src="jquery.js"></script>
<script>
	$(document).ready(function(){
		$("#mainwindow:not(.divs)").live("mouseup",function(e){
			e.stopPropagation();
			alert("testing");
		});
	});
</script>
<div id="mainwindow">
	<div class="divs">
		This is an area that when the mouse comes back up it should not alert.
	</div>
</div>

Here is a little model of what I'm trying to get the code to do. There are two div. One inside of the other. I would like it when the mouse button is brought back up that it wouldn't alert if it was brought up inside the child div and not the parent div. I know I could use the .live("click" .... but I plan on having it do more so I just left it as mouseup in the mean time.

Any help would be greatly appreciated!

-questionable

[Amphiluke]

Try this:

$(document).ready(function(){
    $("#mainwindow").live("mouseup",function(e){
        if ($(e.target).is("#mainwindow")) alert("testing");
    });
});

[questionable]

Awesome Thanks