What is the most efficient way of creating an HTML element and appending attributes to it and then wrapping it inside of another element?
<p>I found <a href="http://stackoverflow.com/a/5674985/538786">this answer</a>, which is great. But what If I also have to wrap another element around that element? This is how I'm doing it now:</p>

<p>$<code>('#screenshots').append($('&lt;a href="' + link + '" title="' + title + '"&gt;&lt;img src="' + el + '" alt="" width="200px" height="200px"&gt;&lt;/a&gt;'));</code></p>

<p>Is there a better method of doing it this way?</p>
