title: How to insert div before another div
body: <p>I would like to insert a div with class name "section" before the previous div that is above it with the same class name.</p>
  
  <p>Here is the div hierachy</p>
  
  <p>section (1) -> section (2) -> section (3)</p>
  
  <p>I would like to move div with class name section - the third one - before the second one with class name section. I would like to do so dynamically, I want to do the same for other divs, move them before or after the previous or next div with the same class.</p>
  
  <p>What is the best way to do so using jquery?</p>