JQuery Conflict Issues in WordPress

Hi,

I’m using the jTweetsAnywhere plugin (https://thomasbillenstein.com/jTweetsAnywhere/) in a WordPress site and have stumbled onto a random bug. When I put the following code in a page, it shows up fine when I preview before publishing, but it disappears once I publish it.

Here’s the code in the page:

<div id="jTweetsAnywhereSample">
</div>

<script type="text/javascript">
$('#jTweetsAnywhereSample').jTweetsAnywhere({
    username: 'TwitterUser',
    list: 'list-name',
    count: 10
});
</script>

Here’s what I have in my WordPress header file:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.jtweetsanywhere-1.2.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jtweetsanywhere-1.2.1.css" />

Any suggestions would be most appreciated!