JQuery not picking up click event
<p>I'm trying to assign an event listener to a dynamically loaded anchor tag. The facility is a straightforward suggest box that pops up underneath a text-box. First I assign a keyup listener to the search box:</p>

<pre><code>$('.question').keyup(function(e) {
    if (e.which != 13) {
        self.suggest($(this).val());
    }
});
</code></pre>

<p>Then, the called function, <code>self.suggest</code>:</p>

<pre><code>function suggest(text) {
    if (text.length &gt; 0) {
        bkBtn.hide();
        waitImg.show();
        var d = document.createElement('div');
        d.className = 'suggest-box';
        var data = {}
        data.text = text;
        $.ajax({
            url: BASE_URL + '/urm8/suggest',
            type: 'POST',
            data: data,
            cache: false,
            success: function(markup) {
                waitImg.hide();
                if (markup.indexOf('##none##') != -1 || markup.length == 0) {
                    $(d).hide();
                }
                else {

                    $(d).append(markup);
                    $('.content').append(d);
                }
            },
            error: function(e) {
                waitImg.hide();
                alert('error');
                $('.content').html('');
                $('.content').append(e.responseText);
            }
        })   
    }
}
</code></pre>

<p>I assign this function on document load to the <code>.suggest-link</code> selector:</p>

<pre><code>$('.suggest-link').live('click', function(e) {
    var answerID = $(this).attr('id');
    alert(id)
    self.updateBackStack();

    $(document).find('.suggest-box').remove();
    $('.content').blindRightToggle('fast', undefined, function() {
        self.appendAnswer(false, answerID);
    }); 
});
</code></pre>

<p>There's no <code>alert</code> fired here. I'm not sure how to attach event listeners in this way, a little help would be appreciated.</p>

<p>Also I'm using the latest stable jQuery as of 10 minutes ago.</p>
