HTML manipulation problem ( with multiple script)

HTML manipulation problem ( with multiple script)

Hey, i just learned jQuery and i am really excited to work with it!

I got my code for adding my table ( HTML manipulation )

But the problem is, that if u click an empty row, it need to change letter from S to Z ( and empty ( space ) )

So, i actually don't know how i can use those multiple's, so i started scripting from just an space to S

... it didn't work.. but i was sure my script works, so i used it on other page .. and it worked ... here is my code 


    2. <script type="text/javascript" src="jquery.js"></script>
    3. <script type="text/javascript">
    4. $(document).ready(function(){ ;
    5.   $("button").click(function(){ ;
    6.    var i = 1
    7. var machine=new Array()
    8. for ( i=1 ;i <= 1 ; i++)
    9. {
    10. machine[i] = prompt("Welk object is het?")
    11. $(".MyTable").append("  <tr> \
    12.    <td width=\"201\" valign=\"top\"><p> " + machine[i] + " </p></td> \
    13.    <td width=\"47\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    14.    <td width=\"35\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    15.    <td width=\"36\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    16.    <td width=\"48\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    17.    <td width=\"48\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    18.    <td width=\"61\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    19.    <td width=\"60\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    20.    <td width=\"60\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    21.  </tr>") ;
    22. }
    23.   })
    24.   $(".Myswitch").click(function(){ ;
    25. $(this).html("X")
    26. })
    27. })

    29. </script>

    31. <body>

    33. <table border="1" cellspacing="0" cellpadding="0" align="left" class="MyTable">
    34.   <tr>
    35.     <td width="201" valign="top"><p align="center"><strong><u>BAKKERIJ</u></strong></p></td>
    36.     <td width="214" colspan="5" valign="top"><p align="center">Frequentie<strong><u> </u></strong></p></td>
    37.     <td width="181" colspan="3" valign="top"><p align="center">Reinigingsmethode<strong><u> </u></strong></p></td>
    38.   </tr>
    39.   <tr>
    40.     <td width="201" valign="top"><p align="center"><strong><u>Object</u></strong></p></td>
    41.     <td width="47" valign="top"><p align="center"><strong><u>D</u></strong></p></td>
    42.     <td width="35" valign="top"><p align="center"><strong><u>W</u></strong></p></td>
    43.     <td width="36" valign="top"><p align="center"><strong><u>J</u></strong></p></td>
    44.     <td width="48" valign="top"><p align="center"><strong><u>NA</u></strong></p></td>
    45.     <td width="48" valign="top"><p align="center"><strong><u>P</u></strong></p></td>
    46.     <td width="61" valign="top"><p align="center"><strong><u>droog</u></strong><strong><u> </u></strong></p></td>
    47.     <td width="60" valign="top"><p align="center"><strong><u>nat</u></strong></p></td>
    48.     <td width="60" valign="top"><p align="center"><strong><u>Desinf</u></strong><strong><u> </u></strong></p></td>
    49.   </tr>
    50. </table><br ><br>



    54. <button>Klik mij</button>


    I'm new to scripting and stuff, i learn it from myself ( over the internet )
    And i am 16 ^.^ i do it just for fun :)

    Greetings ySomic

    Thanks in advance!

    ( Page where it works )

    2. <script type="text/javascript" src="jquery.js"></script>
    3. <script type="text/javascript">
    4. $(document).ready(function(){ ;
    5. $(".Myswitch").click(function(){
    6. $(this).html("X")
    7. })
    8. })

    10. </script>


    13. <body>
    14. <table border="1" cellspacing="0" cellpadding="0" align="left" class="MyTable">
    15.   <tr>
    16.     <td width="201" valign="top"><p align="center"><strong><u>BAKKERIJ</u></strong></p></td>
    17.     <td width="214" colspan="5" valign="top"><p align="center">Frequentie<strong><u> </u></strong></p></td>
    18.     <td width="181" colspan="3" valign="top"><p align="center">Reinigingsmethode<strong><u> </u></strong></p></td>
    19.   </tr>
    20.   <tr>
    21.     <td width="201" valign="top"><p align="center"><strong><u>Object</u></strong></p></td>
    22.     <td width="47" valign="top"><p align="center"><strong><u>D</u></strong></p></td>
    23.     <td width="35" valign="top"><p align="center"><strong><u>W</u></strong></p></td>
    24.     <td width="36" valign="top"><p align="center"><strong><u>J</u></strong></p></td>
    25.     <td width="48" valign="top"><p align="center"><strong><u>NA</u></strong></p></td>
    26.     <td width="48" valign="top"><p align="center"><strong><u>P</u></strong></p></td>
    27.     <td width="61" valign="top"><p align="center"><strong><u>droog</u></strong><strong><u> </u></strong></p></td>
    28.     <td width="60" valign="top"><p align="center"><strong><u>nat</u></strong></p></td>
    29.     <td width="60" valign="top"><p align="center"><strong><u>Desinf</u></strong><strong><u> </u></strong></p></td>
    30.   </tr>
    31.   <tr>
    32.     <td width="201" valign="top"><p>Afwasmachine </p></td>
    33.     <td width="47" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    34.     <td width="35" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    35.     <td width="36" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    36.     <td width="48" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    37.     <td width="48" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    38.     <td width="61" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    39.     <td width="60" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    40.     <td width="60" valign="top"><p align="center" class="Myswitch" >&nbsp;</p></td>
    41.   </tr>
    42. </table>

    I think it has to do with the 

    $(document).ready(function(){ ;

    and that i need to make new one like

    2. <script type="text/javascript" src="jquery.js"></script>
    3. <script type="text/javascript">
    4. $(document).ready(function(){ ;
    5.   $("button").click(function(){ ;
    6.    var i = 1
    7. var machine=new Array()
    8. for ( i=1 ;i <= 1 ; i++)
    9. {
    10. machine[i] = prompt("Welk object is het?")
    11. $(".MyTable").append("  <tr> \
    12.    <td width=\"201\" valign=\"top\"><p> " + machine[i] + " </p></td> \
    13.    <td width=\"47\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    14.    <td width=\"35\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    15.    <td width=\"36\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    16.    <td width=\"48\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    17.    <td width=\"48\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    18.    <td width=\"61\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    19.    <td width=\"60\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    20.    <td width=\"60\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    21.  </tr>") ;
    22. }
    23.   })
    24. })
    25. $(document).*****(function(){ ;
    26.  $(".Myswitch").click(function(){ ;
    27. $(this).html("X")
    28. })
    29. })
    30. </script>
    Or like this 

    2. <script type="text/javascript" src="jquery.js"></script>
    3. <script type="text/javascript">
    4. $(document).ready(function(){ ;
    5.   $("button").click(function(){ ;
    6.    var i = 1
    7. var machine=new Array()
    8. for ( i=1 ;i <= 1 ; i++)
    9. {
    10. machine[i] = prompt("Welk object is het?")
    11. $(".MyTable").append("  <tr> \
    12.    <td width=\"201\" valign=\"top\"><p> " + machine[i] + " </p></td> \
    13.    <td width=\"47\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    14.    <td width=\"35\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    15.    <td width=\"36\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    16.    <td width=\"48\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    17.    <td width=\"48\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    18.    <td width=\"61\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    19.    <td width=\"60\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    20.    <td width=\"60\" valign=\"top\"><p align=\"center\" class=\"Myswitch\">&nbsp;</p></td> \
    21.  </tr>") ;
    22. }
    23.   })
    24. })
    25. </script>

    27. <script type="text/javascript">
    28. $(document).ready(function(){ ;
    29.  $(".Myswitch").click(function(){ ;
    30. $(this).html("X")
    31. })
    32. })
    33. </script>