How to create link element with image as anchor with jquery?

Question

I know how to create elements with jquery using something like:

$('<div/>').appendTo('body');

How can I create this:

<a href=""><img src="" /></a>

Using the same technique?

Answer 1

$('<img />').attr({
  src:'some image url',
  width:'width in intiger',
  height:'integer'
}).appendTo($('<a />').attr({
  href:'somelink'
}).appendTo($('#someElement')));

Answer 2

You can first select the html element using jquery and then use the "html()" method to set the desired html. Here is a sample:

$('div.demo-container')
  .html('<a href=""><img src="" /></a>');

The only thing is that you should be able to uniquely identify the desired div that you want to alter. Probably by setting id or class.