jQuery TinySort Problems
<p>I am working on a script that will utilize the jQuery TinySort Extension to sort divs according to a dropdown change selection.</p>

<p>For some reason I can't get it to work properly.</p>

<p>JS Code:</p>

<pre><code>$("#sort").change(function(){
            var column = $(this).val();

            console.log(column);
            $(".r1_contenders_videos_wrapper .wcje_judges_video").tsort("div[class*='" + column + "']", {
                order:"asc"
            });
        })
</code></pre>

<p>Example of HTML Markup for sorting:</p>

<pre><code>&lt;div class="wcje_judges_video"&gt;
    &lt;div class="judges_video_thmb"&gt;
            &lt;a href="http://url.com/watch/87ujuhy77676"&gt;
                &lt;img class="video_img" width="200px" src="link_to_image" alt="Test User"/&gt;
                &lt;img class="wcje_play" src="/assets/images/play-btn-sm.png" /&gt;
                &lt;img class="wcje_flag" src="/assets/images/flags_lg/5.png" /&gt;
            &lt;/a&gt;
    &lt;/div&gt;
    &lt;h3 class="wcje_video_song_title"&gt;I want it all&lt;/h3&gt;
    &lt;p class="contender_name"&gt;Dennis M.&lt;/p&gt;
    &lt;p class="contender_country"&gt;United States&lt;/p&gt;
&lt;/div&gt;

&lt;div class="wcje_judges_video"&gt;
    &lt;div class="judges_video_thmb"&gt;
            &lt;a href="http://url.com/watch/87ujuhy77676"&gt;
                &lt;img class="video_img" width="200px" src="link_to_image" alt="Test User"/&gt;
                &lt;img class="wcje_play" src="/assets/images/play-btn-sm.png" /&gt;
                &lt;img class="wcje_flag" src="/assets/images/flags_lg/5.png" /&gt;
            &lt;/a&gt;
    &lt;/div&gt;
    &lt;h3 class="wcje_video_song_title"&gt;Not today&lt;/h3&gt;
    &lt;p class="contender_name"&gt;Chris S.&lt;/p&gt;
    &lt;p class="contender_country"&gt;Canada&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>Select Option Markup:</p>

<pre><code>&lt;select name="sort" id="sort"&gt;
                &lt;option value="contender_name"&gt;Alphabetical&lt;/option&gt;
                &lt;option value="wcje_video_song_title"&gt;Song&lt;/option&gt;
                &lt;option value="contender_country"&gt;Country&lt;/option&gt;
            &lt;/select&gt;
</code></pre>

<p>So basically I have the value of the option selects to match the div class names of what I want to sort the divs on.. but can't get it to work. No errors or anything just doesn't work... any idea on what I could be doing wrong?</p>
