trouble getting external content into div - HELP!

trouble getting external content into div - HELP!

I have exhausted a dozen hours researching and tinkering with having a list of thumbnails representing staff members that when clicked on will display their profile in a target div. Each thumbnail link points to an external html page with the content held in a div with the id of #bio.

Here's my code:
  1. $(document).ready(function() {
        $('.active_bio').fadeIn('fast');
        $('#biothumbs li a').click(function() {
            var toLoad = $(this).attr('href')+'#bio';
            $('#bio').hide('fast', loadContent);
            function loadContent() {
                $('#bio').load(toLoad,'',showNewContent());
                }
            function showNewContent() {
                $('#bio').show('normal');
                }
            return false;
        });











  2. });
Ok, brief explanation:

The first line simply fades in the existing default data in the target div.
Next I identify the links for the function.
Then I identify the content to be loaded from the external links along with some animation.

When I load the page the default shows fine. However, when I click on any of the thumbnail links no content displays but the CSS for the #bio div does (just a border, basically). I can't figure out why the actual content won't display as it should.

A bit of help would be MORE than appreciated. Thanks in advance!
});