Использование jQuery .attr для замены изображения внутри условного комментария, не работает

Question

Я пытаюсь показать другое изображение посетителям сайта с использованием IE 8 или старше, возможно, я что-то пропустил, но кажется, что это должно работать, любой помощь приветствуется.

<!--[if lte IE 8]> 
    <script> 
    $("#myImage").attr("src", "/wp-content/themes/TRTheme/images/Chester-4317.jpg"); 
    </script> 
<![endif]--> 

<div id="mapOhio"> <img id="myImage" src="<?php bloginfo('template_url'); ?>/images/ohioMap.png" width="253" height="285" alt="Image of a map of Ohio." usemap="#image_map" border="0"/> </div> 

Answer 1

Вы пытаетесь получить доступ к элементу, прежде чем она существует. Отмените порядок. Ответьте на комментарии, благодаря Феликсу Кингу.

Answer 2

Добавьте свой сценарий в

$(document).ready(function(){ 
    $("#myImage").attr("src", "/wp-content/themes/TRTheme/images/Chester-4317.jpg"); 
}