FadeOut for same link that was clicked
<p>I want with click on each link, after click on button <code>ok</code> in <code>myalert()</code> same link is <code>fadeOut()</code>. if clicked on cancel, is not <code>fadeOut()</code>. How can fix it with use of function <code>myalert()</code> ?</p>

<p><strong>Example:</strong> <a href="http://jsfiddle.net/MaGyp/11/" rel="nofollow">http://jsfiddle.net/MaGyp/11/</a></p>

<pre><code>function myalert() {
    var result = true;
    //var hide = $('.alert').fadeOut(100);
    //var css = $('#appriseOverlay').css('display','none');
    var $alertDiv = $('&lt;div class="alert"&gt;Do you want to delete this item?&lt;button class="ok"&gt;ok&lt;/button&gt;&lt;button class="cancel"&gt;cancel&lt;/button&gt;&lt;/div&gt;');
    $('body').append($alertDiv);
    $('.ok').click(function () {
        $('.alert').fadeOut(100);
        $('#appriseOverlay').css('display', 'none');
        callback(true);
    });
    $('.cancel').click(function () {
        $('.alert').fadeOut(100);
        $('#appriseOverlay').css('display', 'none');
        callback(false);
    });
    $alertDiv.fadeIn(100);
    $('#appriseOverlay').css('display', 'block');
    return result;
};

$('.iu').click(myalert)

function callback(result) {
    //
    if (result) {
        $(this).fadeOut('slow');//I mean, this part from code
    } else {
        alert('no')
    }
}
</code></pre>
