title: Not able to click img inside hyperlinked div
body: <p>I am trying to show a dropdown when the <code>gear-img</code> div is clicked using jQuery but since it's wrapped inside an <code>a</code> tag, it ends up redirecting me to the url and I also want the whole div clickable. Please suggest a fix or a better way to achieve this.</p>
  
  <pre><code>&lt;a href="http://www.google.com"&gt;
    &lt;div class="content"&gt;
      &lt;div class="gear-img"&gt;&lt;img src="images/ic-settings-black-24-px.svg"&gt;&lt;/div&gt;
      &lt;div class="dropdown"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;                    
  </code></pre>