jquery - 文字列から変更された IMG タグを示すエラー (Jquery)

Question

Jquery を使用して文字列からすべての img 要素を取得したいのですが、以下のコードは何らかの理由で変更された Img タグを出力しません。

html='<p>lorem ipsum</p><p><img src="pic1.jpg" width="640" height="480" alt="pic1"></p><p>lorem ipsum</p><p><img src="pic2.jpg" width="25" height="25" alt="pic2"></p>';

$html = $(html);

$html.find("img").each(function() {
    $img = $(this,"img");

    if ($img.attr('width') > 25 && $img.attr('width') <= 640) {

        $a = $('<a class="example" title="'+ $img.attr('alt')+ '" alt="'+ $img.attr('alt') + '" href="'+ $img.attr('src') + '"></a>');

        $a.append($img.clone());
    }

    $img.replaceWith($a);
});

html = $html.html();

alert(html);

jsFiddle へのリンク: http://jsfiddle.net/cRx9w/