title: Year split in Quarters using basic jQuery
body: <p>I have a interesting question:</p>
  
  <p>I want to split the year into 4 quarters. What is the idea,</p>
  
  <p>A quarter can be different:</p>
  
  <p>The HTML Code:</p>
  
  <pre><code>&lt;div class="quarterBody"&gt;
      &lt;span&gt;04-29-2010&lt;/span&gt;
      &lt;span&gt;06-29-2010&lt;/span&gt;
      &lt;span&gt;08-29-2010&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery (javascript) is total wrong, I hope that w:</p>
  
  <pre><code>       $(document).ready(function(){
  
              var quarter1 = to make interval (01-01-2010  to 03-31-2010);
              var quarter2 = to make interval (03-01-2010  to 06-31-2010);
              var quarter3 = to make interval (06-01-2010  to 09-31-2010);
              var quarter4 = to make interval (09-01-2010  to 12-31-2010);
                                ...
  
              $(".quarterBody span").each(function(){
                  var date = Date.parse($(this).text());
  
                  //to apply some magic code 
  
                  $(this).addClass(quarterNumber);
  
              });
          });
  </code></pre>
  
  <p>OUTPUT:</p>
  
  <pre><code>&lt;div class="quarterBody"&gt;
          &lt;span class="Quarter1"&gt;02-29-2010&lt;/span&gt;
          &lt;span class="Quarter2"&gt;04-29-2010&lt;/span&gt;
          &lt;span class="Quarter3"&gt;08-29-2010&lt;/span&gt;
               ...
      &lt;/div&gt;
  </code></pre>
  
  <p>I know right now it is a stupid way, but I hope that somebody can help me, or suggest an idea how to do that in a better way!!</p>
  
  <p>Thanks!</p>