title: Browser compatability issue -NOt working on IE
body: <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>