jquery завантажити динамічне зображення - jquery, load, captcha

Чи є спосіб я можу використовувати .load події (або будь-який інший jquery події) з динамічним зображенням, таким як це

Всякий раз, коли я намагаюся використовувати .load або .get метод для перезавантаження цієї сторінки в документ, він просто вийшов як and в Firefox і PNG в Internet Explorer.

Що я тут відсутній? Який найкращий спосіб це зробити?

Загалом те, що я намагаюся досягти тут, це перезавантажити файл captcha.php в div, коли посилання натиснуто і мати інше зображення captcha показувати без оновлення сторінки.

Проблему можна знайти тут
http://www.seewhosoutthere.com/createAccount

натиснувши на маленьку синю кнопку "refresh" поруч із капчою, ми покажемо результат, про який я говорю.

Код, який наразі використовується для цієї сторінки

$("a#refresh").click(function(){
$("#captcha").load("captcha.php");
});

Відповіді:

Замість .load() (який не призначений для двійкових даних ... тому ви отримуєте ці забавні символи з кодуванням), вам просто потрібно створити <img> елемент з правом src і помістіть його в потрібний документ, наприклад:

$("<img />", { src:"http://www.seewhosoutthere.com/captcha"}).appendTo("#myDiv");

Ви можете протестувати це тут.