如何使用Javascript / jQuery创建和附加图像？

我正在使用以下代码创建一个图像元素,加载它,然后将其附加到加载的文章.

$('<img />')
  .attr('src', 'image.png') //actually imageData[0].url
  .load(function () {
    $('article').append($(this));
    alert('image added');
  });

警报启动正常,但图像没有出现,当我检查元素时,它已被添加而没有结束斜线

<img src='image.png' >

为什么浏览器会删除正斜杠,如何阻止它？

更新：
感谢大家指出问题不是斜线(每天都是上学日),那么它会是什么呢？这是实例http://chris-armstrong.com/inspiration/?username=behoff

更新2：
好吧,看来我是一个白痴没有用其他图像测试这个,因为问题似乎与我正在使用的测试图像(http://img.ffffound.com/static-data/assets/6/dc01f803819405bfe160459021cfe6cc57766f9b_m.jpg).奇怪,因为当你点击网址时它会加载…但无论如何,感谢所有帮助人员,我学到了一些东西！

解决方法:

根据提供的信息,我们知道以下内容：

>图像已成功附加.
>图像已成功加载(否则您将无法获得警报()).

你有一个完全透明的图像(当然不太可能),或者我敢打赌你的CSS以某种方式阻止了它的显示.

这是使用您在演示中注释掉的CSS的示例.

http://jsfiddle.net/JxhaR/(无可见图像)

具体来说,culpret似乎是：

display: -webkit-Box;

当我禁用它时,图像显示.

http://jsfiddle.net/JxhaR/1/(图像可见.)