I have a bit of a unusual situation and wanted to ask for advice on this:
Here is my html body:
- <div height="500" width="500" id="outer">
- <div height="100" width="100" id="inner">
- </div>
- </div>
and here is my jquery on document ready:
- $(#outer).live('click', function(){
- //so something
- });
- $(#inner).live('click', function(){
- //so something
- });
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.