Do I need to detach my event handler before I reattach it to the new element?
<p>I'm writing a jQuery JS file that attaches an event handler to a link, but the event handler replaces the link with a new link retrieved via an ajax request. It's actually a +1, -1 function, so the link switches back and forth.</p>

<p>It's my understanding that even when the link is clicked twice and returns to its original value, it will become a third unique object, correct? My question is, does it do me any good to detach the event handler each time? Because it doesn't throw an error when I remove the event handler after the link gets replaced, I'm <em>guessing</em> that the object and its event handler still exist in JS, they are just no longer in the HTML document, correct? It works fine whether I do or not, but I'm just now 100% sure how exactly the process works.</p>

<p>Here's my .done() function:</p>

<pre><code>.done(function(ReturnData){
    PlusOneDiv.replaceWith(ReturnData);
    // Redefine variables and detatch/reattach event
    PlusOneLink.off('click'); // Is this line helpful at all?
    PlusOneDiv = $('#plusonediv');
    PlusOneLink = PlusOneDiv.children('a');
    PlusOneLink.on('click', submit_plus_one);
</code></pre>
