Jquery: изображение не добавляется при повторном вызове функции onchange

Question

Привет, друзья, я пытаюсь добавить изображение к следующему div

<div id="appendimage" class="Serviceimg">

</div>

и с одним выпадающим списком

@Html.DropDownList("serviceType", ViewBag.ServiceList as List<SelectListItem>,
                                         new { name = "serviceType", id = "serviceType", @class = "form-control filterEmpty", onchange = "serviceTypeChange(this,true)"})

при изменении вышеуказанного выпадающего меню, изображение должно добавить вышеуказанный divна основе раскрывающегося текста

ниже приводится моя функция jquery для добавления изображения

function serviceTypeChange() {
    var typeofServiceTextAfterReplace = $("#serviceType option:selected").text().replace(/([~!@#$%^&*()_+=`{}\[\]\|\\:;'<>,.\/? ])+/g, '-').replace(/^(-)+|(-)+$/g, '').toLowerCase();
    $("#appendimage").empty().append('<img style="height:"80px; width:"80px;" src="../images/ServiceIcons/'+typeofServiceTextAfterReplace+'.png"/>');
}

в первый раз, когда изображение хорошо добавляется, но после изменения раскрывающегося списка во второй раз, изображение не добавляется к указанному элементу div и отображается как недоступное изображение, например, следующее изображение

введите описание изображения здесь