title: Re-register events with jQuery
body: <p>I have been adding new elements via jQuery in some of my projects, and I have stumbled across a bit of a cumbersome issue.</p>
  
  <p>Consider the following:</p>
  
  <pre><code>$('span.claim').click(function() {
      $(this).parent().html('&lt;span class="unclaim"&gt;Unclaim&lt;/span&gt;'):
  });
  
  $('span.unclaim').click(function() {
      $(this).parent().html('&lt;span class="claim"&gt;Claim&lt;/span&gt;'):
  });
  </code></pre>
  
  <p>And the following markup...</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;span class="claim"&gt;Claim&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span class="unclaim"&gt;Unclaim&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span class="claim"&gt;Claim&lt;/span&gt;&lt;/li&gt;
      &lt;li&gt;&lt;span class="unclaim"&gt;Unclaim&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Unfortunately, after the initial event is fired, no subsequent events are handled. </p>
  
  <p>I realize I could completely restructure and use the <code>.bind()</code> function, but because of the complexity of my project this isn't really all that feasible.</p>
  
  <p>How would I go about re-binding the events after the new elements are created without ditching my anonymous functions, or is it even possible?</p>