Changing the order of child divs inside main parent element
<p>i have an <code>&lt;ul&gt;</code> that looks like  this</p>

<pre><code>&lt;ul class="class_1 class_2"&gt;
    &lt;li class="class1"&gt;
        &lt;div class="submission_list_item"&gt;
            &lt;div class="sub_list_item_content modal_link" href="url here"&gt;
                &lt;div class="facebook_user" style="display:none;"&gt;&lt;/div&gt;
                &lt;div class="submission_response "&gt;
                    &lt;label&gt;&lt;/label&gt;
                    &lt;span class="MediaUploadResponse"&gt;&lt;img alt="Sample_mpeg4" src="url here"&gt;&lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response name"&gt;
                    &lt;label&gt;NAME:&lt;/label&gt;
                    &lt;span class="Response"&gt;&lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response last_name"&gt;
                    &lt;label&gt;LAST NAME&lt;/label&gt;
                    &lt;span class="Response"&gt;&lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response description"&gt;
                    &lt;label&gt;DESCRIPTION:&lt;/label&gt;
                    &lt;span class="Response"&gt; Test &lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response video_title"&gt;
                    &lt;label&gt;VIDEO TITLE:&lt;/label&gt;
                    &lt;span class="Response"&gt; Video &lt;/span&gt; &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class="class1"&gt;
        &lt;div class="submission_list_item"&gt;
            &lt;div class="sub_list_item_content modal_link" href="url here"&gt;
                &lt;div class="facebook_user" style="display:none;"&gt;&lt;/div&gt;
                &lt;div class="submission_response "&gt;
                    &lt;label&gt;&lt;/label&gt;
                    &lt;span class="MediaUploadResponse"&gt;&lt;img alt="Sample_mpeg4" src="url here"&gt;&lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response name"&gt;
                    &lt;label&gt;NAME:&lt;/label&gt;
                    &lt;span class="Response"&gt;&lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response last_name"&gt;
                    &lt;label&gt;LAST NAME&lt;/label&gt;
                    &lt;span class="Response"&gt;&lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response description"&gt;
                    &lt;label&gt;DESCRIPTION:&lt;/label&gt;
                    &lt;span class="Response"&gt; Test &lt;/span&gt; &lt;/div&gt;
                &lt;div class="submission_response video_title"&gt;
                    &lt;label&gt;VIDEO TITLE:&lt;/label&gt;
                    &lt;span class="Response"&gt; Video &lt;/span&gt; &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>What i am trying to do is to swap the order of the 2 divs, name with title in every &lt; li> item that is on my page. Tried .each on the &lt; li>s but no luck. Any idea how to do that?</p>
