title: Add div to the date showing in html and separate the days and month
body: <p>I have some list of dates and I want to add div to the date and separate the days and months to a different div.</p>
  
  <pre><code>&lt;div class="campaign"&gt;30/11/2016 - 
    &lt;a href="#" target="_blank"&gt;Dummy Text&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to select and add div to the date. I also want to separate the days and months like this. Any help appreciated in advance. </p>
  
  <pre><code>&lt;div class="campaign"&gt; 
    &lt;div class="date-wrapper"&gt;
      &lt;div class="date"&gt;30&lt;/div&gt;
      &lt;div class="month"&gt;Nov&lt;/div&gt;
      &lt;div class="year"&gt;2016&lt;/div&gt;
    &lt;/div&gt; 
    &lt;a href="#" target="_blank"&gt;Dummy Text&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried the <strong>append method</strong> but I am not able select the date and store in a variable.</p>