How to sort DOM elements while selecting in jQuery?

Question

I have the following DIVs on my page:

  Div 3


  Div 2



        
      

Answer 1

$("div[id^=pi_div]").sort(function (a, b) {
    return a.id.replace('pi_div', '') > b.id.replace('pi_div', '');
}).foo();

http://jsfiddle.net/KrX7t/