title: Wrapping string in tags
body: <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>