blockUI not working with ajax

blockUI not working with ajax

Hi,

I started using jQuery recently and am trying to get blockUI plugin to work. I have the following script

<script language="javascript" type="text/javascript">
        function showGetResult(callingObject) {
            
            $j = jQuery.noConflict();
            $j.blockUI({ message: '<div><img src="http://localhost:8011/images/waiting.gif" /><h1> Loading...</h1></div>',
                css: {
                    border: 'none',
                    padding: '15px',
                    '-webkit-border-radius': '10px',
                    '-moz-border-radius': '10px',
                    opacity: .9
                }
            });
            makeAjaxCall($j);
           
            $j.unblockUI(); 
        }
        function makeAjaxCall(obj) {
            var result = null;                
            var scriptUrl = "SendMail.aspx";
            $(obj).ajax({
                url: scriptUrl,                
                dataType: 'html',
                async: false,
                success: function(data) {
                    result = data;
                    alert('i am fine');
                }
            });            
        }
        
    </script>

It though blocks the UI, but never unblocks the UI once the ajax call is finished. the alert statement is never executed.

How do i get it executed. Please help as it is urgent.

Thanks
Vijay Koul