I want to make a table in which in each cell there will be a drawn java script, but it turns out - script by table, how can I fix this?
<html> <head> <title>Stars test</title> <script src='http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.js' type="text/javascript"></script> <link rel="stylesheet" href="rater.css" type="text/css" media="screen" /> <script type='text/javascript' src='jquery.rater.packed.js'></script> <script type='text/javascript' src='jquery.rater.js'></script> </head> <body> <p>Down stars</p> <table border="2" bordercolor="red"> <tr> <td> <div id='rating1' class='rating'> <script type="text/javascript" language="javascript"> $('#rating1').rater('ratings.php', {maxvalue:30, style: 'basic', curvalue:5} ); </script> </div> </td> <td> <div id='rating1' class='rating'> <script type="text/javascript" language="javascript"> $('#rating1').rater('ratings.php', {maxvalue:30, style: 'basic', curvalue:5} ); </script> </div> </td> <td> <div id='rating1' class='rating'> <script type="text/javascript" language="javascript"> $('#rating1').rater('ratings.php', {maxvalue:30, style: 'basic', curvalue:5} ); </script> </div> </td> </tr><tr> <td> <div id='rating1' class='rating'> <script type="text/javascript" language="javascript"> $('#rating1').rater('ratings.php', {maxvalue:30, style: 'basic', curvalue:5} ); </script> </div> </td> <td> <div id='rating1' class='rating'> <script type="text/javascript" language="javascript"> $('#rating1').rater('ratings.php', {maxvalue:30, style: 'basic', curvalue:5} ); </script> </div> </td> </tr> </table> </body> </html>