Html elements sorting

by Geo George

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>

<div class="content">

<div>
      <span>Geo George</span>
      <p>
      sssss
      </p>
</div>
<div>
      <span>Vipin V</span>
            <p>
      sssaaaaaaaaa
      </p>
</div>
<div>
      <span>Arun</span>
            <p>
      ggggg
      </p>
</div>
<div>
      <span>Alfin</span>
            <p>
      ggdgxd
      </p>
</div>
<div>
      <span>Geo George</span>
            <p>
      khlklll
      </p>
</div>


</div>

JavaScript

var temp=[];
$(".content div").each(function(i,val){
    var title=$(this).find("span").text();
    var thishtml=$(this)[0].outerHTML;
    temp.push({title:title,html:thishtml});
});


var temp=_.sortBy(temp,"title");


$(".content").empty();

for(var i=0;i<temp.length;i++){
		$(".content").append(temp[i].html);
}