Wrap each element with html using jQuery
<pre><code>&lt;div class="inner"&gt;
    line 1
    line 2
    line 3
&lt;/div&gt;

$(document).ready(function(){
    $('.inner').wrapInner('&lt;p/&gt;');
});
</code></pre>

<p>The current code adds the the <code>&lt;p&gt;</code> tag around all the elements, is it possible to add the <code>&lt;p&gt;</code> to each? like </p>

<pre><code>&lt;p&gt;line 1&lt;/p&gt;
&lt;p&gt;line 2&lt;/p&gt;
&lt;p&gt;line 3&lt;/p&gt;
</code></pre>
