title: differentiate between same class names
body: <p>There are two section div sections with the same class and also has same ul and li and a. I have jquery click event. When the link is clicked both of the jquery click event are getting fired. But I do not want both, only one to be fired. How do I achieve this. This is the dom structure I have.</p>
  
  <pre><code>&lt;div class = "a"&gt;
  &lt;ul&gt;  
  &lt;li&gt;&lt;a href="www.google.com"&gt;google&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
  
  &lt;div class ="a"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="www.yahoo.com&gt;yahoo&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The href might change so I cannot base my selector on that.</p>
  
  <p>Thanks</p>