Размер в 100px присваивался меньшей стороне img

Картинка заполняет полностью весь имеющийся div сохраняя свои пропорции. If у img ширина > высоты, то высота становится 100px, ширина при этом пропорционально адаптируется и какая-то её часть, вылезающая за область div, не видна. If у img ширина < высоты, то ширина становится 100px, высота адаптируется... и далее по тексту.

by Alexander Lashchevsky

HTML

<div>
    <img src="http://placehold.it/350x150"></div>
<div>
    <img src="http://placehold.it/150x350">
</div>
<div>
    <img src="http://placehold.it/300x300">
</div>

CSS

div {width:100px;height:100px;overflow:hidden;}

div {margin-bottom: 15px;}

JavaScript

$('img').each(function(){
    if($(this).width()>$(this).height()) {
        $(this).height(100);
    }
    else {
        $(this).width(100);
    }
})