Ordering divs in css or js on safari 5.34.57.2

Question

Hi guys i am struggling to order the divs in safari ,the order property (-webkit) is working fine on chrome but is not working at all on safari any clues why I am trying to achieve something like this BEFORE

<div>
   <div class="first">I will be the second div in css</div>
   <div class="second">I am now on top</div>
</div>

AFTER(What I want to achieve)
 <div>
   <div class="second">I am now on top</div>
   <div class="first">I will be the second div in css</div>

 </div>

I've tried

 .second{
      -webkit-order: 1
   }

   .first{
      -webkit-order: 2
   }

Answer 1

Cool thanks insertAfter worked.

    if ((navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) ) 
    {
               $('.second').insertAfter($('.first'));
    }