jQuery Forum

Here's my question.
I want to load the html code of a form using ajax, and submit it the same way.
Javascript code:

1. $.ajax({
           url: "form.php",
           method: "get",
2. )};

HTML code in form.php:

1. <form method='post' action='send.php' name='tinymce'>
         <textarea id='elm1' name='elm1' rows='15' cols='80' style='width: 80%'>Write Here</textarea>
         <input type='submit' name='save' value='Submit' />
         </form>

It loads, but clicking the submit button has no effects. How can i solve this?

1. $("a[rel^='ids']").click(function() {
       var id=$(this).attr("id");
       $.ajax({
           url: "lista.php",
           method: "get",
           data: "id="+id,
           beforeSend: function() {
               $("#loading"+id).html("<img src='img/ajax-loader.gif' />");
           },
           success: function(data) {
               $("#loadhere").html(data);
           }
       })
   });

The "lista.php" file contains some javascript. When i try to load it via ajax, it does show nothing; if i try to place its javascript in the "mother" page, it shows the content as pure html. If i load it directly by url, it works.
If you need to know what is the javascript code, i this it's enough if i say it is TinyMCE.
So, someone can help?

I'm completely newbie to javascript and jquery.

Here is my base html:

1. <table id="loadhere">
2. <tr>
3. <td>
4. <img src='../immagini/primopiano/image1.jpg' width='70' height='70' />
   
5. </td>
6. <td>
7. <a href='#' id='1' rel='ids'>Print</a>
   
8. </td>
9. <td>
10. <img src='../immagini/primopiano/image2.jpg' width='70' height='70' />
    
11. </td>
12. <td>
13. <a href='#' id='2' rel='ids'>Print</a>
    
14. </td>
15. <td>
16. <img src='../immagini/primopiano/image3.jpg' width='70' height='70' />
    
17. </td>
18. <td>
19. <a href='#' id='3' rel='ids'>Print</a>
    
20. </td>
    
21. </tr>
    
22. </table>

Now the PHP (lista.php):

1. if ($_GET['id']) {
         echo $_GET['id'];
   }

And finally the javascript/jquery:

1. var id=$("a[rel^='ids']").attr("id");
   $("a[rel^='ids']").click(function() {
       $.get("lista.php",
               {id: id},
               function(data) {
                 $("#loadhere").html(data);
           });
   });

The ajax call works, but what i get is always 1, whatever link i'm clicking. Suggestions?