JQuery код не работает в IE

Question

Я новичок в 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>

Answer 1

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

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

Answer 2

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

$(document).ready(function() {