I have following htnl code

2.  <div id="divTag1">
3.     <div class="singletagblock" > 
4.       <a href="/Tagging/BrowseTag" id="tagname">tag for details page</a>
5.         <a href="" class="removetag" id="removeTag1"></a>
6.     </div>
7. 
   
8.     <div id="addtag1" style="display:inline-block">
9. <a href="#" >+Add tag</a></div>
10. 
    
11.     <div id="divAddTagBox1">
12.          <input id="txtTag1" name="tags" type="text" value="" />        
13.          <input type="button" value="Add" id="btnAddTag1"/>
14.          <input type="button" value="Cancel"  id="btnCancelTag1" />
15.     </div>           
16. 
    
17.  </div>

and following is jquery to do some server side stuff

2. $(".removetag").click(function (event) {
3.          
4.          var tagtext = $(this).prev().attr('text');
5.          var parentdiv = $(this).parent();
6.          alert(tagtext);
7. 
   
8.          $.ajax({
9.              url: "/Tagging/RemoveTag",
10.              datatype: "json",
11.              type: "POST",
12.              data: { "tag": tagtext,
13.                  "entityId": "1",
14.                  "entityType": "2"
15.              },
16.              success: function () {
17.                  parentdiv.remove();
18.              },
19.              error: function (xhr, ajaxOptions, thrownError) {
20.                  alert(thrownError);
21.              }
22.          });
23. 
    
24.          return false;
25.      });

I used above html code multiple times on single page.

Now when I click on .removetag link the click event gets fired multiple times for all the links with class removetag. How to prevent this?

Thanks