Wrapping string in tags
<p>I want to take a string and wrap it in tags like this:</p>

<pre><code>&lt;!-- What I've got: --&gt;    
&lt;div class="calendar"&gt;Feb 22&lt;/div&gt;

&lt;!-- What I want:
&lt;div class="calendar"&gt;
    &lt;div class="calendarMonth"&gt;Feb&lt;/div&gt;
    &lt;div class="calendarDay"&gt;22&lt;/div&gt;
    &lt;/div&gt;
--&gt;​
</code></pre>

<p>I tried to cook some jQuery, but I'm kind of stuck:</p>

<pre><code>var calendarText = $(".calendar").html();
var calendarArray = calendarText.split(" ");
var calendarMonth = calendarArray[0];
var calendarDay = calendarArray[1];

/* 

Then I tried something like this:
calendarMonth.wrap("div").addClass("calendarMonth");

But I guess calendarMonth is just a string, not an object.

*/
</code></pre>

<p>​How would you go about something like this? Any ideas is highly appreciated.</p>

<p>JSFiddle example here: <a href="http://jsfiddle.net/timkl/u23wY/" rel="nofollow">http://jsfiddle.net/timkl/u23wY/</a></p>
