Insert html if div contains number over 'x'

Insert html if div contains number over 'x'

I'm trying to create a free delivery banner if the price of a product is
over £50.
My attempt:
$(function() {
if( $('.num').filter(function(index){
return parseInt(this.innerHTML) > 50.00;})) {
$(document.createElement('div')).attr('id',
'freeDelivery').appendTo('.imgoffer');
$('#freeDelivery').append('<img id="freeDeliveryImage" alt="Free delivery
on this item" src="https://location_of_image.png" width="70"
height="70">');
}
});
My code inserts the free delivery element even if the amount isn't over
'x'. Any suggestions?