title: jquery recognize if li is clicked or p inside the li is clicked
body: <pre><code>&lt;ul id='myid'&gt;  
  &lt;li id='1'&gt; my text 1 &lt;p id='1' &gt;inside p1 clicked&lt;/p&gt;&lt;/li&gt;  
  &lt;li id='2'&gt; my text 2 &lt;p id='1' &gt;inside p2 clicked&lt;/p&gt;&lt;/li&gt;  
  &lt;li id='3'&gt; my text 3 &lt;p id='1' &gt;inside p3 clicked&lt;/p&gt;&lt;/li&gt;  
  &lt;li id='4'&gt; my text 4 &lt;p id='1' &gt;inside p4 clicked&lt;/p&gt;&lt;/li&gt;  
  &lt;li id='5'&gt; my text 5 &lt;p id='1' &gt;inside p5 clicked&lt;/p&gt;&lt;/li&gt;  
  
  &lt;/ul&gt;    
  </code></pre>
  
  <p>Hi , I just want to know how to alert if I click on "my text 1" and how to alert if I click on "inside p1 clicked"  . Because whenever I try to click on "my text1" it's working. but when I try to click on "inside p1 clicked" its bringing two alerts one with the "my text 1" and other with the "inside p1 clicked". Please help what could be the solution.     </p>
  
  <p>below is the code which I m using.</p>
  
  <p>$("#myid").delegate('p','click', function(){ </p>
  
  <p>Thanks in advance</p>