Sorting Html elements

by Geo George

HTML

<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=[];
var htmlarray={};
$(".content div").each(function(i,val){
		htmlarray[$(this).find("span").text()+"-"+i]=$(this)[0].outerHTML;
		temp.push($(this).find("span").text());
});

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