title: sorting DOM elements using pure JS
body: <pre><code>&lt;div class="items"&gt;
  
  &lt;div class="item" id="item1"&gt;
      &lt;h4&gt;name&lt;/h4&gt;
      &lt;img src=""&gt;
      &lt;p class="price"&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="item" id="item2"&gt;
      &lt;h4&gt;name&lt;/h4&gt;
      &lt;img src=""&gt;
      &lt;p class="price"&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="item" id="item4"&gt;
      &lt;h4&gt;name&lt;/h4&gt;
      &lt;img src=""&gt;
      &lt;p class="price"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>What would be the simpliest way, in this layout, to sort items by "price" using JS only?
  Say, there is webshop with items and user wants to sort items by price ascending</p>