title: Jquery click event not working for an overlay with buttons
body: <p>I am having a box with an image,on which when a hover <strong>event</strong> is fired I show an overlay with share buttons for social media like FB,twitter,pinterest etc.<br/>
  Now,when the user clicks on the overlay portion I want him to be redirected a details page of the image and if he clicks on any of the social media buttons subsequent action should be performed.This is what I tried
  <br/></p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
  $(".over").click(function(e){
      if ($(e.target).is('.followBtn')) {
          //this should not trigger if a click occured on one of the links
              console.log('herhererhreh');
              e.stopPropagation();
      }else{
          window.location=$(this).find("a.overClick").attr("href");
              //alert('in else!!');
      }
  
  });
  </code></pre>
  
  <p>
  This is the HTML for the same overlay div with the buttons</p>
  
  <pre><code>    &lt;div class="over"&gt;
          &lt;div class="twitter"&gt;&lt;/div&gt;
          &lt;div class="facebook"&gt;&lt;/div&gt;
          &lt;div class="pintrest"&gt;&lt;/div&gt;
          &lt;a href="javascript:void(0)" class="followBtn"&gt;Follow Vendor&lt;/a&gt; &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><code>.over</code> is the class of the overlay <code>&lt;div&gt;</code> and <code>.followBtn</code> is the class of the button on the overlay.<br/>
  If I click on the overlay it works fine,but when I click on the button over it,it goes inside the <code>if</code> but executes multiple times,i.e I get 10-12 console.log outputs in the console window.<br/>
  I am not able to figure out the issue.Any inputs or links would be helpful.</p>
  
  <p><strong>UPDATE:</strong> I got the problem to some extent,it is b'coz of the class that the console.log prints multiple times(<strong>I have multiple images and on click the event is triggered on all of them</strong>).My question is how can I pass <code>this</code> to the target so that I get only the current button to execute the event? OR do I need to do it on id's?</p>