Will not update the ID for a link on click
<p>I have this function to create a request to another file to update the database:</p>

<pre><code>$('#thumb-up').live('click', function() {
    $('#loading').show();

    $.ajax({
            context: this,
            type: 'GET',
            url: '/gallery/configurations/required/photo-thumbs.php',
            data: 'i=21&amp;t=1',
            success: function() {
                                  $('#loading').hide();
                                  $(this).attr('id', 'thumbup-undo').text('Sluta gilla');
                                  $('#thumbup-count').load('/gallery/configurations/required/thumbup-count.php?i=21&amp;t=1');
                                 }
    });
});

$('#thumbup-undo').click(function() {
    alert('das');
});
</code></pre>

<p>When I click on the link with the id <code>thumb-up</code> the text changes to "Sluta gilla" as expected. When I now have clicked on this link the ID for the same a tag will be changed from <code>thumb-up</code> to <code>thumbup-undo</code> and the alert "dsa" will appear. The problem here is that it does not appear! I don't even know if it changes to <code>thumbup-undo</code> but I expect that it does not.</p>

<p>You can try the code <a href="http://jsfiddle.net/HbSjm/" rel="nofollow">here</a> (I have shortened the code to make the demo work properly).</p>

<p>How can I fix this problem?</p>

<p>Thanks in advance</p>
