Относительный путь jQuery img / src с использованием ~

Я работаю над проектом VS2010 asp.net MVC и динамически меняю изображение/значок с помощью следующего вызова jQuery.

<div class="icon-button"><img src="~/Images/Umark_Icon.png" class="image-class" /></div>


<script>
$(document).on("click", ".iconl-button", function () {
       $(this).find('img').attr("src", "~/Images/Mark_Icon.png");
 });
</script>

ИЛИ вместо этого я также пробовал

$(this).html('<img src="~/Images/Mark_Icon.png" class="image-class"/>');

Если изображение src или все изображение заменено относительным путем на «~/image_path», оно не работает с тильдой.

Работает только с "../image_path".

Он не работает с «../../image_path», что, как я полагаю, но не уверено, связано с глубиной папки с изображениями.

Наконец, я хочу, чтобы он работал с опцией «~/», которая, по моему мнению, наиболее подходит для этого случая.

Пожалуйста, любые комментарии, предложения и демонстрации по теме были бы очень полезны для меня.

Спасибо.