Динамически сгенерированные ссылки, не работающие в IE

Question

У меня есть страница, которая использует jQuery для построения ссылок и привязывающих тегов на основе существующих элементов HTML. Он работает во всех браузерах, которые я тестировал, кроме IE, где вывод для тега привязки был немного другим.

Другие браузеры:

<a class="courseshortcut" name="TitleJanuary12-13,2013"></a> 

Internet Explorer:

<a name="TitleJanuary12-13,2013" class="courseshortcut"/> 

Сформированные ссылки на эти якорные теги выглядеть следующим образом:

<a href="#TitleJanuary12-13,2013">January 12-13, 2013 - Miami, FL</a> 

Следующий раздел кода в документе .ready добавляет якоря:

//adds the anchor tags 
$('.courseentry').each(function() { 
    var str = $(this).find('.coursetitle').html() + $(this).find('.coursedate').html();  
    $(this).prepend("<a class='courseshortcut' name='" + str.replace(/\s+/g, '') + "'></a>"); 
}); 

Я не могу понять, почему эта проблема возникает. Может кто-нибудь просветить меня? Более полную версию тестового скрипта можно найти here.

Answer 1

На странице есть некоторые недопустимые HTML. Просто откройте в IE и посмотрите в инструменте разработчика (F12). например <div> is inside <p> find this link for more information

Answer 2

Я думаю, что IE нужно имя файла или URL перед хэштегом

href="#TitleJanuary12-13,2013" 

, но я мог бы исправлюсь