Отправка формы Dynami c не работает с функцией обратного вызова

Question

У меня есть следующий фрагмент кода, который предполагает получение динамически сгенерированного PDF с сервера.

/* ------------------------------------------------------------------------------------------
#### Download Approval Letter PDF               
--------------------------------------------------------------------------------------------- */
$('.data-container').on("click",'#fundAllotLetter',function()
{
    var tagValue    = $(this).attr('ntag');
    $('#modal').show();
    var url         = './lib/charity_approval_letter_pdf.php';
    var formID      =   Math.random().toString(36).substr(2, 12);

    $html           = ' <form id= ' + formID + ' action = ' + url + ' method="POST">\
                            <input type="hidden" name="charity_id" value = ' + tagValue + '>\
                        </form>';

    $html           = $.parseHTML($html);
    $('body').append($html);        
    $('#'+formID).submit(function()
    {
        alert('form submitted successfully');
        $('body').find('#modal').hide();
    });
});

Теперь событие submit работает без функции обратного вызова. Пожалуйста, помогите мне определить, почему событие отправки не работает с функцией обратного вызова. Заранее спасибо.