Browser compatability issue -NOt working on IE
<p>I have a problem with my work which works good on Firefox and Google Chrome, but it wouldn't work in IE. Can you point out where I'm getting it wrong?</p>

<p><strong>Scripts.js</strong></p>

<pre><code>$(document).ready(function () {
    $('.delete').click(function () {
        var contentId = $(this).attr('contentid');
        $.confirm({
            'title': 'Delete Confirmation',
            'message': 'Are you sure you want to delete this record?',
            'buttons': {
                'Yes': {
                    'class': 'blue',
                    'action': function () {
                        DoDelete(contentId);
                    }
                },
                'No': {
                    'class': 'orange',
                    'action': function () {}
                    // Nothing to do in this case. You can as well omit the action property.
                },
                'close': {
                    'action': function () {}
                    // Nothing to do in this case. You can as well omit the action property.
                }
            }
        });
    });
});
</code></pre>

<p><strong>confirmscript to generate HTML markup</strong></p>

<pre><code>(function ($) {
    $.confirm = function (params) {
        if ($('#confirmOverlay').length) {
            return false;
        }
        var buttonHTML = '';
        $.each(params.buttons, function (name, obj) {
            buttonHTML += '&lt;a href="#" class="button ' + obj['class'] + '"&gt;' + name + '&lt;span&gt;&lt;/span&gt;&lt;/a&gt;';
            if (!obj.action) {
                obj.action = function () {};
            }
        });
        var markup = [
            '&lt;div id="confirmOverlay"&gt;',
            '&lt;div id="confirmBox"&gt;',
            '&lt;div id="header"&gt;',
            '&lt;div id ="title"&gt;',
            params.title,
            '&lt;/div&gt;&lt;/div&gt;',
            '&lt;div id ="textbox"&gt;',
            '&lt;p&gt;',
            params.message,
            '&lt;/p&gt;&lt;/div&gt;',
            '&lt;div id="confirmButtons"&gt;',
            buttonHTML,
            '&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'
        ].join('');
        $(markup).hide().appendTo('body').fadeIn();
        var buttons = $('#confirmBox .button'),
            i = 0;
        $.each(params.buttons, function (name, obj) {
            buttons.eq(i++).click(function () {
                obj.action();
                $.confirm.hide();
                return false;
            });
        });
    }
    $.confirm.hide = function () {
        $('#confirmOverlay').fadeOut(function () {
            $(this).remove();
        });
    }
})(jQuery);
</code></pre>
