How to make Fancy Ajax Contact Form to work on WordPress?

So I have A Contact form made out of Jquery and Ajax. The plugin’s site is here: A Fancy AJAX Contact Form

that form is currently in my website’s footer pages and now I have a blog made out of wordpress that looks exactly like my website. Of course i will also include the contact form in the footer of every pages of the blog but I can’t get it to work.

What I did was I put all the script and css in my header like this:

<!-- Submit Form -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/jqtransformplugin/jqtransform.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/formValidator/validationEngine.jquery.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/demo.css" />

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/jqtransformplugin/jquery.jqtransform.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/formValidator/jquery.validationEngine.js"></script>

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/script.js"></script>
<!-- END submit-->

and put the contact form in my footer where I have a form header like this
<form id="contact-form" name="contact-form" method="post" action="<?php bloginfo('stylesheet_directory'); ?>/jqueryAjaxSubmitForm/submit.php">

The demo.css seems to work because it styles the form but everything else fails like the other CSS files and the scripts. Also, when I press submit, the page refresh where it shouldn’t cause that is the feature of the form with AJAX.

Please help me check my URLs to point in the exact directory. I am new to wordpress so I really don’t have idea what to do.