3
![Stack Overflow](http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png)
jsFiddle Demo
You can reproduce your original markup starting from the new HTML by running the following script to prepare the elements:
$(".crumbs > a").unwrap();
$(".pun-crumbs > a").wrap("<div class='crumbs' />");
All you have to do is put this first in your document ready hand...