TinySort to sort unorderd imagegallery

TinySort to sort unorderd imagegallery

Hi.
I'm trying to use TinySort to sort my imagegallery according to the artists name. My markup:

  1. <div id="content">
  2.       <!-- sort this -->
  3.       <div class="post">
  4.             <div class="caption">
  5.                   <span class="the_artist">Artist name</span>
  6.                   <span class="the_category">Category name</span>
  7.             </div>
  8.       </div>
  9. </div>
Ofcourse there are a lot of iterations of ".post", so that's the element I want to sort. So the ".post" should be sorted depending on ".the_artist"'s content.. How can I do this? I can't seem to target the correct elements..

Thanks in advance!