jQuery: use of wrap() on <img> element 
<p>html:</p>

<pre><code>&lt;img src="http://webmuseum.mit.edu/mobiusicons/no_image.jpg" /&gt;
</code></pre>

<p>css:</p>

<pre><code>div.border
{
border: 2px solid #ccc;
width: 500px;
height: 500px;
}
</code></pre>

<p>js:</p>

<pre><code>$("img").wrap('&lt;div class="border" /&gt;');
</code></pre>

<p>This is my first time using the jquery <code>wrap()</code>. I was expecting to see the following</p>

<pre><code>&lt;div class="border"&gt;&lt;img src="http://webmuseum.mit.edu/mobiusicons/no_image.jpg" /&gt;&lt;/div&gt;
</code></pre>

<p>but <code>wrap()</code> didn't change anything and I got no error. Please help. Thanks.</p>
