Javascripts innerHTML не работает для изображений, но работает с текстом?

Хорошо, у меня есть функция javascript, которая переключает innerhtml тега div, когда пользователь изменяет опцию выпадающего списка выбора.

Все отлично работает с текстом, но с тегом изображения перестает работать?

Рабочий пример ...

function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = 'FIVE';
        }
        else if (opt == '4') {
                d.innerHTML = 'FOUR';
        }
        etc...
}

Пример не работает ...

function toggle(opt) {
        var d = document.getElementById('div_tag');
        if (opt == '5') {
                d.innerHTML = '<img src='path/img1.jpg'><img src='path/img2.jpg'>';
        }
        else if (opt == '4') {
                d.innerHTML = '<img src='path/img2.jpg'><img src='path/img1.jpg'>';
        }
        etc...
}

Это то, что у меня есть в моих тегах select и div.

<select onchange='toggle(this.value);'>
<div id='div_tag'></div>

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

Благодарю.

Ответы на вопрос(2)

Ваш ответ на вопрос