Cant remove event on on();
<p>I'm having problem unbinding event from an element which I assigned an event to using on();</p>

<p>Here is my JS:</p>

<pre><code>    $(document).on('click','.reply-indicator a', function(e){
    e.preventDefault();
    var commentid = $(this).data('commentid');
    $.ajax({
        type: 'POST',
        url: '?category=getreplies',
        data:{
            "commentid" : commentid
        },
        success: function(data){
            $('.'+commentid+'subcomments').append(data);
        }
    });
    return false;
});
</code></pre>

<p>I've tried everything I could think off to remove the click event from the element
I even assigned an id attribute each iteration to each element to be able to target the element specifically because there are several:</p>

<pre><code>$(document).off('click','#'+commentid+'indicator a');
$('#'+commentid+'indicator a').off();

$('#'+commentid+'indicator a').off('click');

$('#'+commentid+'indicator a').unbind('click');
</code></pre>

<p>But It wont loose the event in the callbackfunction or not even when I try putting this code before the ajax request but the event is still working after the callback function. Am I trying to target it correctly?</p>
