ページすべての画像幅を半分に　jQuery

ページの中に読み込まれているすべての画像サイズを半分にしたいです。
$(function(){
var element = $('img');
element.on('load',function(){
var img = new Image();
img.src = element.attr('src');
var width = img.width;
var height = img.height;
if(width != 0 || height != 0){
element .width(Math.floor(width/2)).height(Math.floor(height/2));
}
});
});
沢山の画像に対して適用されません。eachとか使えばよいのかもしれませんが、まだJS勉強中のため上手く使いこなすことが出来ません。

具体的なコードを教えて頂けますと幸いです。
jQueryにこだわりはなくPHPでもなんでも良いのですが、ページの中で使用している全てのimgタグの幅と高さを半分にしたいというのが目的です。
手動でwidhtを半分にすれば解決はしますが、何かないかと思いアドバイス頂きたいです。