Rating Star Row - Refreshing Effect Not Working

Code:
<td>
<ul class="rating nostar" id="Torpedo">
<li class="one"><a href="javascript:RateItem('Torpedo', 1);" title="1 Star">1</a></li>
<li class="two"><a href="javascript:RateItem('Torpedo', 2);" title="2 Stars">2</a></li>
<li class="three"><a href="javascript:RateItem('Torpedo', 3);" title="3 Stars">3</a></li>
<li class="four"><a href="javascript:RateItem('Torpedo', 4);" title="4 Stars">4</a></li>
<li class="five"><a href="javascript:RateItem('Torpedo', 5);" title="5 Stars">5</a></li>
</ul>
</td>

This is a rating star row which is suppose to refresh without a browser refreshing. It is refreshing but is not CSS formatting to
Code:
<td><strong>Raiting:</strong></td>
<td>
<ul class="rated twostar" id="Torpedo">
<li class="one">1</li>
<li class="two">2</li>
<li class="three">3</li>
<li class="four">4</li>
<li class="five">5</li>
</ul>

I have to refresh the browser in order to
Code:
<td><strong>Raiting:</strong></td>
<td>
<ul class="rated twostar" id="Torpedo">
<li class="one">1</li>
<li class="two">2</li>
<li class="three">3</li>
<li class="four">4</li>
<li class="five">5</li>
</ul>
to appear..

It's the javascript working? This is the code before clicking on one of the star in the star row.
Code:
<style type="text/css">
<!--
.style1 {color: #FF3300}
.style2 {color: #FFFFFF}
.style3 {color: #000000}
-->
</style> .....

The javascript links that should do the refreshing automatically supposed to be the two below:
Code:
<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/rating.js"></script>
How can it be possible to auto refresh it?