Код jQuery не работает в IE

Я новичок в jQuery и пытаюсь создать эту страницу. Во всех браузерах, которые я тестировал, когда я нажимаю красную кнопку, появляется код купона, за исключением IE. Почему это происходит? И как я могу это исправить?

Я ненавижу этот браузер, действительно...

JavaScript:

$(".coupon_button").live('click', function (event) { 
    $(".coupon_button").remove().fadeOut('slow');
    $(".coupon_main").after($("<div class='coupon_code'>code:newhgcoupon</div>").fadeIn());
    //$(".coupon_main").after().fadeIn('slow').html("<div class='code'>code:newhgcoupon</div>");
});

HTML:

<div class="module">
  <div class="coupon_title">Pay <span class="yellow">1 Cent</span> your First Month</div>
  <div class="coupon_main">To help save you some time, we created a link that takes you directly to the easily missed area on the official Medifast site that lists all of their latest specials and discounts.</div>
  <div class="coupon_button"><img src="button.png" /></div>
  <div class="coupon_footer">Expiration: 11-30-2010</div>
</div>

Ответ 1

Ваш script не выполняется в IE. Чтобы исправить это, просто измените тип script на text/javascript.

IE не распознает тип application/javascript как script вообще.

Ответ 2

Я думаю, что вам не хватает функции document.ready. Добавьте эту строку прямо над первой строкой вашего script:

$(document).ready(function() {