I have the following code in my template page and I have registered jquery and fittext in my theme's functions.php. They are currently showing up in the footer as I set them to. I can set them up in either the header or the footer, but fittext just is not working where ever I place it. When I reduce the screen size the font is supposed to shrink but it doesn't. I am not sure why this is.

<?php
/*
Template Name:Tech Basics
*/
?>
<?php get_header( 'tech' ); ?>

<div id="quote">
    <h1 id="fittext3">Sending you the techie! son you never had.</h1>
</div>
<script type="text/javascript">
        $("#fittext3").fitText();
    </script>
<div class="row mainContent">
    <div class="twelve columns">
        <?php 
        $page_id = 10; // 123 should be replaced with a specific Page's id from your site, which you can find by mousing over the link to edit that Page on the Manage Pages admin page. The id will be embedded in the query string of the URL, e.g. page.php?action=edit&post=123.

        $page_data = get_page( $page_id ); // You must pass in a variable to the get_page function. If you pass in a value (e.g. get_page ( 123 ); ), WordPress will generate an error. By default, this will return an object.

        echo apply_filters('the_content', $page_data->post_content); // echo the content and retain Wordpress filters such as paragraph tags. Origin from: http://wordpress.org/support/topic/get_pagepost-and-no-paragraphs-problem
?>
    </div>
</div><!--row ends-->
<?php get_footer(); ?>