title: Sorting divs by number inside div tag and jQuery
body: <p>I'm trying to sort a list of divs with jQuery. Essentially the list might look like this:</p>
  
  <pre><code>&lt;div class="contest_entry"&gt;&lt;img src="image.png" /&gt;&lt;span class="votes"&gt;14&lt;/span&gt;&lt;/div&gt;
  &lt;div class="contest_entry"&gt;&lt;img src="image.png" /&gt;&lt;span class="votes"&gt;8&lt;/span&gt;&lt;/div&gt;
  &lt;div class="contest_entry"&gt;&lt;img src="image.png" /&gt;&lt;span class="votes"&gt;2&lt;/span&gt;&lt;/div&gt;
  &lt;div class="contest_entry"&gt;&lt;img src="image.png" /&gt;&lt;span class="votes"&gt;2&lt;/span&gt;&lt;/div&gt;
  &lt;div class="contest_entry"&gt;&lt;img src="image.png" /&gt;&lt;span class="votes"&gt;2&lt;/span&gt;&lt;/div&gt;
  &lt;div class="contest_entry"&gt;&lt;img src="image.png" /&gt;&lt;span class="votes"&gt;21&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to use some jQuery to automatically sort the divs by highest number to lowest. How could I go about this? Thanks for any direction! Guess I should add that the sort should happen on pageload. :)</p>