Обновление капчи на Jquery, как реализовать?

Question

[Гарес Антонович]

Написал такой код, он стабильно обновляет капчу и все работает, но не могу поставить дополнительный элемент или кнопку для обновления, не понимаю как это сделать.

Добавил ссылку в которой иконка через i, но не понимаю как на неё поставить выполнение функции captcha, через onClick не выходит.

$(document).ready(function captcha(captcha) {
	document.querySelector('._captcha-img').addEventListener('click', function() {
		var id = Math.random();
		this.setAttribute('src', '/blog/wp-content/themes/twentyfifteen/captcha/img.php?id=' + id);
	});
});

<div class="col-xs-5 text-left">
<img class="_captcha-img" src="<?php echo esc_url( get_template_directory_uri() ); ?>/captcha/img.php" height="45">
<a class="_captcha-img" id="reloadC"><i class="fa fa-refresh" aria-hidden="true"></i></a>
</div>

Answer 1

[Гарес Антонович]

Решил с помощью такой функции

$(document).ready(function(e) {
	document.querySelector('._captcha-img').addEventListener('click', function() {
		var id = Math.random();
		this.setAttribute('src', '/blog/wp-content/themes/twentyfifteen/captcha/img.php?id=' + id);
	});
});

Answer 2

[Uwe_Boll]

шли аяксом запрос для обновления капчи на сервер а на клиенте выводи