jquery .css not working

jquery .css not working

Hi, can anyone help me? 
I am using jquery on this page  http://xtremecsc.ie/cashel/
Under 'meet the team' when you click 'view profile' a pop up should display. It was working fine before, now all of a sudden it isn't. 

Here is my code: 

<script type="text/javascript">
$(function () {
$('.popup').css({'height':(($(document).height()))+'px'});
});

$(function () {
        $('.profile').click(function () {
           $(this).parent().find('.popup').css('display', 'block');
});
$('.bio-close').click(function () {
           $(this).parents().find('.popup').css('display', 'none');
});
});
</script>

Can anyone help? 
Thanks

Kelly