title: Restrict delegate to fire event only once
body: <p>I have html that looks like below:</p>
  <pre><code>&lt;div&gt;
      &lt;a class=&quot;SameClass&quot;&gt;One&lt;/a&gt;
      &lt;a class=&quot;SameClass&quot;&gt;Two&lt;/a&gt;
      &lt;a class=&quot;SameClass&quot;&gt;Three&lt;/a&gt;
      &lt;a class=&quot;SameClass&quot;&gt;Four&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I want to register click event using delegate, which ended me up writing some code like below:</p>
  <pre><code>$(&quot;div&quot;).delegate($(&quot;.SameClass&quot;), &quot;click&quot;, function(){
      alert(&quot;Clicked&quot;);
  });
  </code></pre>
  <p>My actual requirement here is, if any anchor clicked then only that one anchor have to get the event. But here what ever anchor you click the event if fired for all the anchors i.e., four times. I know that's how delegate works but I need some way to make this event fire only once as per my request. Any work around?</p>