title: How to find the highest data-attribute with js/jquery and append a div to it
body: <p>How do you append a div to the div with the highest data attribute data-number?</p>
  
  <pre><code>$( ".item" ).append( $( "&lt;div class='highest'&gt;&lt;/div&gt;" ) );
  
  &lt;div id="container"&gt;
      &lt;div class="item" data-number="13"&gt;&lt;/div&gt;
      &lt;div class="item" data-number="22"&gt;&lt;/div&gt;
      &lt;div class="item" data-number="142"&gt;&lt;/div&gt;
      &lt;div class="item" data-number="2"&gt;&lt;/div&gt;
      &lt;div class="item" data-number="44"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>