Изменить кнопку на изображение в зависимости от текста с помощью jquery?

Question

У меня есть страница оформления заказа в моем интернет-магазине, и одно из полей - для кода купона на скидку, рядом с которым есть кнопка «обновить сумму». В следующем столбце указана скидка.

           ---------------    ——————————————
enter code:|             |    |update total|         - $0.00
           ---------------    ——————————————

Когда пользователь вводит правильный код и нажимает кнопку обновить, страница снова загружается с правильной суммой скидки:

           ---------------    ——————————————
enter code:| 1234        |    |update total|         - $10.00
           ---------------    ——————————————

Я хочу, чтобы пользователь видел изображение галочки вместо кнопки, чтобы они не запутались и снова нажали кнопку обновления, например:

           ---------------    
enter code:| 1234        |      tick image           - $10.00
           ---------------    

Возможно ли сделать это с помощью jquery? Я предполагаю, что это проверило бы сумму, чтобы видеть, не было ли это 0. HTML выглядит примерно так:

<td>
 <input type='text' class='couponinput' name='coupon_num' id='coupon_num' value='' />
 <input type='submit' class='update-button' value='Update' />
</td>
 <td class="lastcolumn">
 <span id="coupons_amount" class="pricedisplaycart" style="font-weight:bold; color:black;" >-&#163;0.00</span>
</td>

Answer 1

Скрыть его и вставить в изображение после него (что по сути заменяет его) ...

$('input[type=submit]').hide().after('<img src="tickImage.jpg" />");