title: Insert element between elements via using date (by date)
body: <p>I wonder how to insert a element via using date ?</p>
  
  <p><strong>Example :</strong> </p>
  
  <pre><code>&lt;time datetime="2013-07-29"&gt;2013-07-29&lt;/time&gt;
  &lt;time datetime="2013-06-14"&gt;2013-06-14&lt;/time&gt;
  &lt;time datetime="2013-06-10"&gt;2013-06-10&lt;/time&gt;
  &lt;time datetime="2013-05-01"&gt;2013-05-01&lt;/time&gt;
  </code></pre>
  
  <p><strong>so new element look like... :</strong></p>
  
  <pre><code>&lt;time datetime="2013-06-12"&gt;2013-06-12&lt;/time&gt;
  </code></pre>
  
  <p>How to insert this new element between <code>2013-06-14</code> and <code>2013-06-10</code>elements <strong>functionally</strong> ?</p>
  
  <p><strong>This is my code :</strong></p>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;input value ="2013-06-12"&gt;&lt;button&gt;Add&lt;/button&gt;
  
  &lt;time datetime="2013-07-29"&gt;2013-07-29&lt;/time&gt;
  &lt;time datetime="2013-06-14"&gt;2013-06-14&lt;/time&gt;
  &lt;time datetime="2013-06-10"&gt;2013-06-10&lt;/time&gt;
  &lt;time datetime="2013-05-01"&gt;2013-05-01&lt;/time&gt;
  </code></pre>
  
  <p><strong>jQuery :</strong></p>
  
  <pre><code>$('button').on('click',function(){
      var date = $('input').val();
      var html = $('&lt;time datetime="'+date+'"&gt;'+date+'&lt;/time&gt;');
      //html.addClass('new').insertAfter('time[datetime="2013-06-14"]');
  });
  </code></pre>
  
  <p><strong>Demo :</strong> <a href="http://jsfiddle.net/pmREJ/" rel="nofollow">http://jsfiddle.net/pmREJ/</a></p>
  
  <p><em>If it's ok I want to insert this new element , not sort elements agian.</em></p>