Here is my html body:

1. <div height="500" width="500" id="outer">
2.       <div height="100" width="100" id="inner">
3.       </div>
4. </div>

and here is my jquery on document ready:

1. $(#outer).live('click', function(){
2.       //so something
3. });
4. $(#inner).live('click', function(){
5.       //so something
6. });

now the problem is that whenever i click on the div with id="inner" BOTH click functions are run.

I need it NOT to run the "outer" function when i click the "inner"

is there a way to do that?

Thanks in advance for any help and feedback.